Pomodoro Timer App

Pomodoro Timer App

맞춤형 타이머로 생산성을 향상시키도록 설계된 Pomodoro 포커스 앱 입니다. 이 앱에는 주간 집중 통계를 검토하는 기능과 함께 집중, 짧은 휴식, 긴 휴식 모드가 포함되어 있습니다. 이 프로젝트는 HTML, CSS 및 JavaScript를 사용하여 구축되었습니다.

라이브 데모

여기에서 라이브 버전을 확인하세요.

특징

• 집중 모드 : 집중, 짧은 휴식, 긴 휴식 모드가 포함됩니다.
• 사용자 정의 타이머 : 집중 기간, 휴식 시간을 조정하고 긴 휴식 전에 집중 세션 수를 설정합니다.
• 다크 & 라이트 테마 : 더 나은 편안함을 위해 다크 모드와 라이트 모드 사이를 전환합니다.
• 주간 리뷰 : 일일 집중 시간과 매주 총 집중 시간을 확인할 수 있습니다. 데이터는 새로운 주가 시작될 때마다 재설정됩니다.
• 로컬 저장소 : 설정 및 주간 통계는 브라우저의 로컬 저장소에 저장됩니다.

디자인 영감

이 앱의 디자인은 Figma의 Pomodoro Timer UI 키트에서 영감을 받았습니다. 여기에서 원본 디자인을 볼 수 있습니다.

사용된 기술

• HTML : 웹앱의 구조입니다.
• CSS : 스타일링 및 반응형 디자인.
• JavaScript : 기능, 타이머, 설정 관리 및 데이터 지속성.

프로젝트를 로컬에서 실행하는 방법

1. 다음 저장소를 복제하세요.

   git clone https://github.com/arianimmen/Pomodoro-Timer-App.git

2. 프로젝트 디렉터리로 이동합니다.

    cd Pomodoro-Timer-App

3. 브라우저에서 public/index.html 열어 앱을 시작하세요.

기여

기여를 환영합니다! 자유롭게 저장소를 포크하고 풀 요청을 제출하세요.