🏕 추억으로 성장하는 숲 - 츄레스트

📺 소개 영상 보기: UCC 링크

💾 프로젝트 진행 기간

2023.04.10(월) ~ 2023.05.19(금)

SSAFY 8기 2학기 자율프로젝트 - 츄레스트

🛤 츄레스트 - 배경

1년의 교육과정이 끝나가는 시점에 동기들과 그동안 쌓은 추억들을 기록하고 회상하고 싶었어요. 한 연구 결과에 따르면 행복한 기억을 많이 떠올릴 수록 스트레스 수치가 낮아지고 더 나은 신체 건강과 우울 증상을 경험한다고 합니다.

츄레스트는 기록 하나당 나무 한그루가 심어져 나무를 돌보는 활동을 통해 사용자가 지속적으로 추억을 회상할 수 있습니다. 츄레스트에서 과거의 시간이 주는 즐거움과 행복을 느껴 보세요!

🌻 츄레스트 - 개요

츄레스트는 ‘추억 포레스트’의 약자입니다.

사용자가 사진, 태그할 친구, 날짜, 날씨 등을 포함한 일기 형식의 추억을 기록하면 나무의 씨앗이 심어지고 물주기와 조회와 같은 사람들의 관심을 통해 나무로 점차 성장하게 됩니다. 나무가 다 성장하게 되면 일정 포인트를 부여해 아이템을 구매하고 사용자의 숲을 꾸밀 수 있도록 하였습니다.

또한, 다른 사용자의 숲에 놀러갈 수도 있고 광장에서 단체 채팅을 통해 사람들과 소통할 수 있습니다. 더불어 나의 숲을 메인으로 진행하여 사용자가 원하지 않는다면 다른 사용자의 정보를 제공하지 않아 기존 SNS의 피로함을 줄이고, 자체제작한 3D 아이템들을 통해 사용자의 시각적인 즐거움을 충족시켰습니다.

🔎 주요 기능

🌱 추억 심기

• 그림일기와 비슷한 형식으로 제목과 내용을 포함한 여러장의 사진, 날짜, 날씨, 태그할 친구를 선택해 추억을 작성할 수 있어요.
• 내가 심을 나무를 골라 내 숲에 추억을 담고 있는 나무를 심을 수 있어요.

🌷 나무 관리하기

• 나와 글에 태그된 사람이 나무에 물을 주거나 사람들의 조회를 통해 나무를 기를 수 있어요.
• 나무가 다 자라게 되면 사용자에게 실시간 알림이 가고 일정 포인트를 지급 받아요.

💵 상점

• 나무가 다 자랐을 때 받은 포인트로 상점에서 아이템을 구매할 수 있어요.
• 나의 숲에 나타나는 새, 새집, 집을 구매하고 새는 별명도 지어줄 수 있어요.

🌲 광장

• 다른 사용자들과 만나 단체 채팅을 즐길 수 있어요.
• 광장 가운데의 수호나무를 통해 전체 사용자들이 기른 나무의 수와 내가 기른 나무의 수를 볼 수 있어요.

🌼 글 모아보기

• 나를 태그한 글을 모아볼 수 있고 내 숲으로 퍼갈 수도 있어요.
• 마이페이지에서 내 숲에 있는 글과 나무의 정보를 한 번에 확인할 수 있어요.

☘ 놀러가기

• 닉네임 검색을 통해 친구의 집으로 놀러갈 수 있어요.
• 츄월드를 통해 모르는 사람의 집에도 놀러갈 수 있어요.
• 다른 사람의 집에 방명록을 남길 수 있고 내 숲에 남겨진 방명록은 우체통을 통해 조회할 수 있어요.

🛠 주요 기술

Frontend	Backend - Spring	CI/CD
VSCode 1.77.3	IntelliJ IDE 2022.3.2	AWS EC2
react 18.2.0	java 11.0.18	Docker
node.js 18.15.12	Springboot 2.7.9	Jenkins
Next.js 13.3.0	gradle Openjdk 11.0.18+10	Nginx
typescript 5.0.4	Spring Web	Webhook
three.js 0.151.3	Spring Data JPA
react-three-fiber 8.12.2	MySQL 8.0.30
blender 3.5	swagger 2.0.0
react query 3.39.3	WebSocket
axios 1.3.6	firebase 9.1.1
recoil 0.7.7

⚒ 서비스 아키텍처

🌳 츄레스트 서비스 화면

🌏 입장 화면

🌱 나의 츄레스트

⛺ 추억 관리

💵 상점

🔍 친구 검색

🔔 알림함

🌼 글 모아보기

☘ 놀러가기

🌲 광장

⛓ 프로젝트 파일 구조

Front-End

churest
 ├── apis
 ├── atoms
 ├── components
 │ ├── 3DFiles
 │ │ ├── BirdHouse
 │ │ ├── Birds
 │ │ ├── Character
 │ │ ├── Flowers
 │ │ ├── House
 │ │ ├── Rock
 │ │ ├── Square
 │ │ └── Trees
 │ ├── churest
 │ ├── chuworld
 │ ├── common
 │ ├── login
 │ ├── navbar
 │ ├── signup
 │ └── square
 ├── pages
 │ └── churest
 └── public
   └── assets

Back-End

churest
 ├── api
 ├── config
 ├── dto
 │ ├── req
 │ └── resp
 ├── entity
 ├── repository
 ├── service
 ├── util
 ├── ChurestApplication.java
 └── DataLoader.java

🔧 협업툴

• Git
• JIRA
• Notion
• MatterMost
• Webex

🔨 협업 환경

• Gitlab
  • 기능별 브랜치 관리
  • 기능이 끝나면 브랜치 삭제
• JIRA
  • 매주 목표량을 설정하여 Sprint 진행
  • 업무의 할당량을 정하여 Story Point를 설정하고 작업
  • 팀원의 업무 진행 상황을 빠르게 파악
• Notion
  • 회의록 기록 및 보관
  • 피드백관 관련된 업무 사항 정리
  • 새로운 기술을 학습했을 때, 작업 순서대로 정리하여 공유
  • 컨벤션 정리, 기능명세서 등 모두가 공유해야 하는 문서 관리
• MatterMost
  • 간단한 파일 공유
  • Back-End와 Front-End 이슈 사항 공유
• Webex
  • 오프라인 참여에 사정이 있는 팀원발생 시 웹엑스를 통해 프로젝트 진행
• 회의
  • 매일 아침 Daily Scrum 진행으로 빠른 소통과 문제에 대한 신속한 대응
  • 매주 월요일 정규 회의 진행으로 한주의 목표 설정

👩‍💻 팀원 역할 분배

📰 프로젝트 산출물

ERD

DB dump 파일

기능 명세서

화면 구성도

시연 시나리오

📑 프로젝트 결과물

포팅 메뉴얼

중간 발표 자료 ppt

중간 발표 자료 pdf

최종 발표 자료 ppt

최종 발표 자료 pdf