Skip to content

간단하고 직관적인 일정 관리 앱. 지정된 시간에 오늘 무엇을 할 지를 정리하고, 무엇을 했는지 확인할 수 있습니다.

Notifications You must be signed in to change notification settings

world970511/DayFlow

Repository files navigation

GHBanner 바이브 코딩 테스트용.
구글 ai 스튜디오 & claude code 활용.

DayFlow

  • 직관적이고 간단한 일정 관리 앱
  • 다꾸를 좋아하는 사람을 위한 월간 일정 이미지 제공

서비스 기능

1.오늘의 할 일 관리 (Today View)

  • 할 일(Task) CRUD: 할 일을 추가, 완료(체크), 삭제할 수 있습니다.
  • 상세 메모: 각 할 일마다 별도의 메모(포스트잇 아이콘)를 작성하여 세부 내용을 기록할 수 있습니다.
  • 진행률 시각화: 상단에 오늘 할 일의 완료율(%)과 진행 바(Progress Bar)를 실시간으로 보여줍니다.
  • 한글 입력 최적화: 한글 입력 시 엔터 키 중복 입력 방지 처리가 되어 있습니다.
  • task 알림 제공: task 별 알림 시간을 설정하고, 알림을 받을 수 있습니다.

2.루틴 & 피드백 시스템

테스트 버튼으로 테스트해볼 수 있습니다

아침 브리핑 (Morning Briefing)

  • 예약 일정 확인: 미리 등록해둔 오늘의 일정을 보여주고, 맞는지 확인하거나 삭제할 수 있습니다.
  • 빠른 추가: 브리핑 화면에서 바로 오늘 할 일을 추가할 수 있습니다. "오늘 하루를 시작할 준비가 되셨나요?" 등의 시작 문구 제공.

하루 마무리 (Evening Review)

  • 성취도 분석: 오늘 완료한 일 개수와 비율을 시각적으로 보여주고, 결과에 따른 격려 메시지(다 했으면 "수고하셨습니다", 남았으면 격려)를 보여줍니다.
  • 140자 회고: 오늘 하루를 140자 이내로 정리하는 짧은 일기(회고) 작성 기능이 포함되어 있습니다.

3.미래 계획 (Future View)

  • 일정 예약: 내일 이후의 특정 날짜를 선택하여 미리 할 일을 등록할 수 있습니다.
  • 자동 연동: 해당 날짜가 되면 '오늘의 할 일'로 자동 편입되며 아침 브리핑 때 확인 알림이 뜹니다.

4.지난 기록 관리 (History View)

  • 월간 캘린더 뷰: 월별로 이동하며 기록을 확인할 수 있습니다.

  • 월간 요약 대시보드: 해당 월의 총 업무 수, 완료 수, 전체 달성률(%)을 상단에 카드 형태로 보여줍니다.

  • 날짜별 상세 기록:

    • 각 날짜별 진행률 배지(%) 및 파이 차트 제공.
    • 오늘 이전의 날짜는 회색조로 처리하여 구분.
    • 클릭 시 아코디언 형태로 펼쳐져 그날의 할 일 목록과 회고(일기)를 확인, 수정, 삭제할 수 있습니다.
  • 다이어리 이미지 저장:

    • 월간 기록을 A4 가로 사이즈의 감성적인 다이어리 이미지로 생성하여 다운로드할 수 있습니다.
    • '고운 돋움' 폰트를 사용하여 손글씨 느낌을 줍니다.
    • 해당 날짜에 140자 회고가 작성되어 있다면, 할 일 목록 대신 회고 내용이 다이어리에 출력됩니다.

5.타이머 (Timer View)

  • Pomodoro 타이머: 25분 작업 + 5분 휴식 사이클을 자동으로 관리합니다.
  • 일반 타이머: 사용자 지정 시간으로 타이머를 설정할 수 있습니다.
  • 배경음악: 타이머 진행 중 배경음으로 백색 소음(파도, 빗소리, 숲속 등)+ 음악을 합성한 배경음악을 재생할 수 있습니다.
  • 커스텀 사운드: APK에서 디바이스의 음악 파일을 선택하여 사용 가능합니다.
  • 내장 사운드: 15개의 내장 사운드(백색 소음 5개, 알림음 5개, 알람음 5개) 제공.

6.데이터 및 설정 (System)

  • 로컬 저장소 사용: 모든 데이터는 브라우저 내부(LocalStorage)에 저장되며 서버로 전송되지 않아 개인정보가 보호됩니다.
  • 저장 공간 관리: 브라우저 저장 공간이 가득 찰 경우 경고 알림을 띄우고, 가장 오래된 달의 기록을 삭제하여 공간을 확보하는 기능을 제공합니다.
  • 삭제 안전장치: 기록 삭제 시 복구 불가능함을 알리는 확인 모달창이 뜹니다.
  • 알림 시간 설정: 아침/저녁 알림 시간을 설정할 수 있습니다. (UI 구현)

Run Locally

Prerequisites: Node.js

  1. Install dependencies: npm install
  2. Set the GEMINI_API_KEY in .env.local to your Gemini API key
  3. Run the app: npm run dev

APK 다운로드(For Android)

apk 폴더에서 다운받아 주세요.

  • 구글 플레이 스토어 업로드 준비중입니다.

커스텀 사운드 듣기/ 다운받기

유튜브: https://youtube.com/@dayflow-sound?si=upDOEymAtnO-07Fh
참고: 사운드 파일이 없어도 Web Audio API 폴백으로 작동합니다.

About

간단하고 직관적인 일정 관리 앱. 지정된 시간에 오늘 무엇을 할 지를 정리하고, 무엇을 했는지 확인할 수 있습니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages