grow는 고립·은둔 청년들이 스스로의 삶을 돌보고 사회로 나아갈 수 있도록 돕는 웹 서비스입니다.
단계별 미션 수행, 정원 가꾸기, 과일 수확과 도감 수집, 일기 작성, 인벤토리 관리 등의 기능을 통해 사용자에게 행동 기반 동기부여와 가시적인 성취감을 제공합니다.
- Node.js
- Express
- MySQL
- Sequelize ORM
- dotenv (환경변수 관리)
- EJS (서버사이드 렌더링)
- CSS, HTML
- JavaScript
- GitHub
- Figma (UI/UX 디자인)
- GCP (Cloud SQL)
- Google Drive, Notion (문서화 및 일정 관리)
git clone https://github.com/yourusername/grow.git
cd grownpm install기존에 있는 .env_example 파일을 수정하여 정보를 입력합니다.
npm start브라우저에 http://<본인 VM 외부 IP>:3001 입력
또는 http://:3001/login으로 바로 로그인 페이지 접속
- 로그인 시 자동으로 현재 단계의 미션 5개 노출
- 인증 사진 업로드 → 관리자 승인 → 완료 처리
- 미션 1개 완료 시 비료 1개 지급 및 성장률 20% 증가
- 미션 5개 완료 or 비료로 100% 달성 시 과일 수확 가능
- 홈화면에서 나무 성장 시각화 (0% → 100%)
- 과일 수확 시 일반 2개 + 황금 1개 지급
- 다음 단계로 진행 or 동일 단계 재도전 선택 가능
- 수확 후 일기 작성 가능
- 감정 태그와 함께 자신을 돌아볼 수 있음
- 수확한 과일만 도감에 등록됨
- 기본/황금 카테고리 완성 시 프로필에 휘장 표시
- 수확한 과일은 인벤토리에 저장
- 교환장터에서 과일을 다른 사용자와 교환 가능
- 등록 후 30일 이상 지나면 자동 삭제
- 현재 단계, 미션 수행 현황, 도감, 인벤토리, 일기, 스크랩 열람 가능
- 닉네임 / 이메일 / 비밀번호 변경 가능
grow/
├── controllers/ # 라우팅 로직 처리
├── routes/ # 페이지 라우터
├── services/ # DB 서비스 로직
├── models/ # Sequelize 모델
├── views/ # EJS 템플릿
├── public/ # 정적 파일 (CSS, 이미지 등)
├── .env # 환경변수
└── app.js # 서버 진입점
- 본 프로젝트는 성신여대 2025년 1학기 '서버시스템구축실습' 수업의 팀 프로젝트로 진행되었습니다.
- 진행 기간 : 2025.03 ~ 2025.06