⭐️ Shallenge

목표 인증 공유 SNS 서비스

수행기간 : 2022.06.06 ~ 2022.06.22

배포 링크 / 노션 링크 / Github Wiki

👥 팀원

프론트엔드	프론트엔드	프론트엔드	프론트엔드
권내영	김재호	조계진	조승희

실행방법

npm install
npm start

🌁 기획 배경

• 대다수의 사람들이 계획을 세우고 달성하기 위해 어플리케이션을 사용하지만 잘 지키지 못한다.
  • 목표를 꾸준히 지킬 수 있는 동기부여가 필요하다.
  • 단순 목표를 세우는 것 보다 달성 시 나에게 주는 보상을 정함으로써 동기부여가 되게 한다.
  • 또한 나와 비슷한 목표를 가진 다른 사용자들의 기록을 보며 자극 받고, 서로 응원이나 댓글을 통해 격려해 목표를 완수할 수 있도록 도와준다.
• todo app 및 habit tracker와 같이 많은 목표, 습관 서비스가 있지만, 서로 자신의 목표와 상황을 공유하는 SNS 형태는 거의 존재하지 않는다.
  • 목표에 대한 내용과 기간을 금전적인 강제성 없이 스스로 정해 도전하고, 그것을 공유하는 것에도 도전만큼의 가치를 두어 개인의 목표 달성을 독려한다.
  • 자신이 세운 목표와 보상을 기록함으로써 성취감을 얻을 수 있다.
• 기존의 todo app, habit tracker은 기록을 하는 것 자체에 중점을 두는데, 단순 기록을 넘어 목표를 달성할 수 있도록 장치를 만들어 목표 달성을 독려할 수 있도록 한다.

💡 기능

• 챌린지 설정 기능
  • 기간 및 요일을 설정해서 챌린지를 설정 가능
• 챌린지 인증 기능
  • 사진 업로드 기능을 통해 사진을 통한 기록 가능
• 기록 보기 기능
  • 각 챌린지별로 달성 퍼센트 및 남은 기간 보기 가능
• 계정 공개 기능
  • 자신의 기록 계정 공개 기능을 통해 다른 사람이 자신의 챌린지들과 기록들을 볼 수 있도록 공개
• 계정 팔로우, 응원하기 기능
  • 다른 사용자를 팔로우하거나, 다른 사용자의 특정 챌린지를 응원하기
• 알람 기능
  • 자신의 계정에 다른 사용자가 팔로우, 댓글, 응원을 하면 알림 울리기

💻 화면 예시

메인 화면	채널 화면	알림 화면	목표 상세 화면	사용자 정보 화면

⚙️ 개발 환경

• VScode
• NPM ^8
• Node.js ^16
• Webpack ^5.73.0

📃 기술 스택

프레임워크	라이브러리	UI	협업