규멘텀

사용자의 집중력 향상과 효율적인 일정 관리를 돕는 뽀모도로 기반의 생산성 웹 대시보드.
- 개발 기간
- 2주
- 2026.03.04 ~ 2026.03.20
- 사용 기술
- 3개
- JavaScript · HTML · CSS
사용 기술
- JavaScript
- HTML
- CSS
기술 스택
- HTML5
- CSS
- Javascript
- localStorage
- OpenWeatherMap
- Netlify
주요 기능
- 실시간 시계 — 12시간 / 24시간제 토글 (localStorage 저장)
- 시간대별 인사말 — 아침 / 오후 / 저녁 인사말 + 사용자 이름
- To-Do 리스트 — 추가 · 완료 체크 · 수정 · 삭제 · 전체 토글 (localStorage, 오늘 날짜 기준)
- Pomodoro 타이머 — 집중(25분) ↔ 휴식(5분), 시간 조절, 시작/일시정지/리셋, 알람(8초 자동 종료), 무소음 모드 (시간 디스플레이 깜빡임)
- 실시간 날씨 — OpenWeatherMap API 연동 (현재 위치 기반 온도 / 날씨 표시)
- 랜덤 배경 이미지 — 매 로드마다 바뀌는 고화질 사진 (img/ 폴더 12장)
- 랜덤 Quote 출력 — 하단에 매 로드마다 바뀌는 명언 출력
- 반응형 — 모바일에서도 편안하게 사용 가능
스크린샷



깃허브 URL
레포지토리: 🔗 https://github.com/gyucito/momentum