FocusMate는 집중력 향상을 위한 웹 애플리케이션입니다.
사용자가 혼자서도 바디 더블링(Body Doubling) 효과를 느낄 수 있도록,
타이머, 작업 기록, UI 편의 기능 등을 제공합니다.
- ⏱️ 타이머: 25분 집중 + 5분 휴식 (뽀모도로 방식)
- 💬 동기부여 메시지: 메인화면 랜덤으로 동기부여 문구 표시
- 📊 집중 기록: 오늘의 집중 횟수를 저장하고 확인
- 📅 시각화 (추가 예정): 주 단위 집중 횟수 그래프 제공
- Frontend: HTML, CSS, JavaScript
- Data Storage: LocalStorage
- Deployment: GitHub Pages
- [ o ] 기본 타이머 구현
- [ o ] 동기부여 메시지 추가
- 기록 저장
- 주간 집중 그래프
- 사용자 설정 (집중/휴식 시간 변경)
- 모바일 최적화 디자인
(여기에 완성된 화면 캡처 넣기)
이 프로젝트는 제가 직접 필요성을 느낀 문제(짧은 집중 유지의 어려움)를 해결하기 위해 기획·개발한 앱입니다.
👉 포트폴리오에서 **"문제 정의 → 해결 과정"**을 보여주는 대표 사례로 활용할 계획입니다.
index.html: 메인 화면 (UI 프레임)Pomodoro.html: 타이머 화면Pomodoro.js: 타이머 화면 js 파일message.js: 동기부여 메시지 js 파일- 이후 기능별 JS/CSS 파일 추가 예정