README.md

🐣 WALKWALK - 블록체인을 활용한 운동 격려 서비스 🐣

WALKWALK 링크: https://j10d210.p.ssafy.io/

서비스 개요

운동을 안 해 걱정인 주변인이 있다면 용돈을 수단으로 삼아 운동을 시킬 수 있습니다.

운동과 용돈 지급 내역은 블록체인으로 투명하게 운영됩니다.

주요 기능

• 미션

  • 운동을 시키는 사람은 할리, 운동을 할 사람은 갈리로 나뉘어 앱을 사용하게 됩니다.
  • 할리와 갈리 매칭을 해두면, 할리는 갈리에게 미션을 걸 수 있습니다.
  • 하루 최소 운동(걸음) 시간을 설정하고, 이를 달성하면 용돈을 지급합니다.

• 응원

  • 운동 시작 버튼을 누르면 할리에게 알림이 갑니다.
  • 그때, 할리는 갈리에게 응원 메시지를 보낼 수 있습니다.

• 리포트

  • 운동하기 버튼을 눌러 진행한 운동은 블록체인에 저장이 됩니다.
  • 이 데이터를 토대로 월별 리포트를 제공합니다.

• 랭킹

  • 친구들 사이에서 내 순위를 확인할 수 있습니다.
  • 순위는 걸음 수 기준 일, 주, 월별, 스트릭(운동을 꾸준히 한 기간) 기준으로 제공됩니다.
  • 가상 맵으로도 이를 확인할 수 있습니다.

• 자가 미션

  • 자기 자신에게도 최소 운동 기준을 설정할 수 있습니다.
  • 초기에는 WHO의 연령대별 기준으로 초기화되어 있습니다.
  • 자가 미션을 기준으로 스트릭이 산정됩니다.

프로젝트 정보

• 프로젝트명 :
  SSAFY 10기 2학기 특화 프로젝트 - WALKWALK

• 기간 :
  2024/02/19 ~ 2024/04/03 (45일간 진행)

• 팀원 :
  효도하기 10조(D210)의 팀원들을 소개합니다!

  이름	역할	개발 내용
  전수민	팀장 Backend Frontend	- DB 설계 - 회원, Spring Security & JWT & OAuth2.0 - 채팅 및 tts, 응원 메시지 구현 - 화면 설계
  김규리	Frontend	- Figma를 이용한 화면 디자인 설계 - 메인, 랭킹, 친구, 할리갈리 미션 설정, 상점, 응원메시지, 보물찾기 화면 구현 - axios로 API 연결 - Zustand로 상태관리
  김세현	Frontend Backend	- DB 설계 - 서버 EC2 배포 - CI/CD with Jenkins - 친구, 할리갈리 관리 - SSE 알림 서비스 - 메인화면, 할리갈리, 친구 페이지 구현
  심규영	Frontend Blockchain	- 화면 설계 - 블록체인 - 회원관리 & OAuth2.0 - 결제
  최지수	Backend	- DB 설계 - 운동 데이터, 기준 및 운동 도메인 api - 스프링 배치 및 스케줄링을 통한 대용량 데이터 처리 서버 구현 - 랭킹 도메인 페이저블 구현
  한채연	Backend Blockchain	- DB 설계 - 지갑 관리 - 카카오페이 API를 통한 결제 구현 - 블록체인을 활용한 영수증 발급

주요 기술 및 개발 환경

아키텍처 구성도

Frontend

• Visual Studio Code
• HTML5, CSS3, JavaScript(ES6)
• React
• Stompjs
• zustand
• Nodejs
• Vite
• Tailwind CSS
• 사용한 외부 API
  • Web Speech API
  • Google Fitness API
  • Google geoLocation API
  • Google Map React API

Backend

• IntelliJ
• JVM Open JDK
• Spring Boot
  • Spring Data JPA
  • Spring Security
  • SSE Emitter
• Maria DB
• JWT
• OAuth2.0
• STOMP-WEB-SOCKET
• REDIS Lettuce
• REDIS
• Gradle
• AWS S3 Bucket Cloud
• AWS Transcribe
• AWS Lambda
• Spring Batch
• Google TTS Cloud AI
• 사용한 외부 API
  • Google fitness API

BLOCKCHAIN

• Solidity
• Remix IDE
• MetaMask
• Ethereum
• Sepolia TestNet
• ethersjs
• Web3j
• Klaytn API Service

CI/CD

• AWS EC2
• Docker
• Jenkins

협업 툴

• GitLab - 코드 버전 관리 및 MR과 리뷰
• Jira - 매주 목표량 설정, 프로젝트 진행도 확인
• Notion - 회의록 작성, 기술 레퍼런스 공유, 프로젝트 산출물 관리
• Figma - 목업, 와이어프레임, 디자인 공유
• MatterMost - 자료 및 api 현황과 요청사항 공유
• Code With Me - 실시간 협업 코딩

포팅 메뉴얼

포팅 메뉴얼 링크!

프로젝트 산출물

와이어프레임

UI 디자인

ERD

UCC 및 시연영상

• UCC - https://youtu.be/01bYtPFIBRs
• 시연영상 - https://youtu.be/X-z9YPcKuxY

주요 서비스 화면

1. 회원 가입 및 로그인

2. 메인 화면

3. 랭킹

4. 운동 페이지

5. 응원 메시지

6. 응원 메시지 보관함

7. 응원 메시지 보내기

8. 친구 목록

9. 친구 검색

10. 친구 신청

11. 마이페이지