Skip to content

codeit-garden/Garden-FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌱 Garden

잠시 핸드폰을 내려놓고 현실의 중요한 일에 집중해야 할 때, Garden에서 꽃을 키워보세요!
사용자가 지정한 시간 또는 일정 시간 동안 웹에서 벗어나지 않으면 보상을 주어
사용자의 사용 습관을 건강하게 관리해주는 서비스입니다.

사용자가 건강한 디지털 습관을 형성하고,  더 나은 삶의 균형을 찾아가도록 돕는 서비스

사용자 맞춤형 집중 모드 제공 집중 시간 분석 레포트 제공 다양한 미션과 보상 시스템으로 동기부여 백색 소음 기능 제공 스마트폰을 내려놓는 행동이 의무가 아닌 보람과 즐거움으로 느껴질 수 있도록 설계하였습니다.


🤼‍♀️ DEVELOPER

선현욱 김승연 이민석

🌟 주요 기능 소개

👤 유저 & 친구 기능

  • 카카오 로그인 및 카카오 프로필 연동을 통해 간편하게 로그인 가능
  • 친구 추가 기능을 통해 친구의 집중 기록을 확인하고, 랭킹 페이지에서 비교 가능
Image Image

⏳ 사용자 맞춤형 집중 모드 제공

  • 목표 모드: 목표 시간을 설정하고 집중할 수 있는 타이머 기반 모드
  • 자유 모드: 별도 제한 없이 자유롭게 집중할 수 있는 스톱워치 기반 모드
Image

🌸 꽃 키우기 시스템:

  • 집중 시간이 증가할수록 꽃이 성장하는 게임적 요소(Gamification) 적용
  • 사용자의 집중력을 지속적으로 유지하도록 동기부여
Image

📊 집중 시간 분석 및 피드백 제공

  • 사용자의 집중 패턴 분석 및 피드백 제공
  • 일일 / 주간 / 월간 집중 시간 통계 제공
  • 집중 시간 분포 및 변화 추이 시각화를 통해 집중 습관 개선 유도
Image

🎯 다양한 미션과 보상 시스템

  • 성취감 극대화를 위한 리워드 제공

  • 특정 미션을 달성하면 한정판 꽃 잠금 해제 가능

    Image

🎵 백색 소음 기능 제공

  • 집중력을 높이는 다양한 백색 소음 지원으로 몰입 환경 조성
  • 사용자의 취향에 맞춰 백색 소음을 선택할 수 있는 커스터마이징 기능 추가
Image

🏗️ 기술 스택

  • React 18 - 컴포넌트 기반 UI 개발
  • React Router DOM 7 - 클라이언트 사이드 라우팅
  • Styled-components - 컴포넌트 기반 스타일링
  • Axios - API 호출 및 데이터 통신
  • Recharts & Chart.js - 데이터 시각화
  • SSE(Server-Sent Events) - 실시간 집중 시간 추적 및 상태 관리

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •