/time_manager

Primary LanguageJavaScript

Time-Manager(시간 관리 사이트)

📌 개발기간 : 2023.04.06 ~ 2023.05.18

📌 사용 기술 :

소개


공부를 하면서 지금까지 얼마나 공부에 집중을 했는지 혹은 정해 놓은 시간까지 얼마만큼 더 집중을 해야 하는지 눈으로 보고 싶어 평상시 뽀모도로 및 스톱워치를 사용하고 있습니다. 하지만 원하는 기능들을 한 번에 제공하는 사이트를 찾지 못해 뽀모도로 기능을 원할 때는 A 사이트에서, 스톱워치를 원할 때는 B 사이트에서, To do list는 또 다른 곳에서 사용하고 있어 불편함을 느껴 원하는 기능을 한 번에 모아 시간 관리에 도움을 주는 사이트를 만들어야겠다는 생각을 하게 되었습니다.

특징


  1. 뽀모도로
    뽀모도로란 원래 25분 동안 무언가에 집중하고 5분 동안 쉬는 것을 말하는데 이때 시간은 사용자가 설정 가능합니다. 설정한 시간으로 반복되게 작동되어 있으며, 집중 시간이 끝나면 종료음, 쉬는 시간이 끝나면 종료음이 나옵니다.
    예시) 50분 집중, 10분 휴식으로 설정하면 그 시간으로 설정 반복
  2. 스톱워치
    뽀모도로는 멈춰지는 시간이 있기 때문에 멈춤 없이 계속 집중하고 싶을 때 사용합니다.
  3. To do list
    집중 시간 동안 해야 할 일들을 작성할 수 있습니다.
  4. D-Day
    집중력에 도움을 주기 위해 사용자의 목표일을 설정할 수 있습니다.
  5. 뽀모도로와 스톱워치 사용 시 집중을 위한 백색소음 재생 버튼
  6. 모든 기기에서 사용 가능한 반응형
  7. 사용자가 원하는 테마로 색상 변경 가능


현재 당면한 문제




나중에 추가하고 싶은 기능


  1. 바닐라 자바스크립트 프로젝트 이후 사용자가 집중한 것을 원형 그래프로 통계.
    일, 주, 월, 년으로 통계. 어떤 것을 얼마만큼 집중해서 했는지 알 수 있게 → 집중 카테고리를 설정할 수 있게 해야 통계가 지저분해지지 않을 듯 → 공부, 운동 등
    • 생각해 봐야 할 것
    1. 뽀모도로는 타이머처럼 동작인데 모든 집중 시간(뽀모도로, 스톱워치)을 통계를 내려면 뽀모도로 동작 시 스톱워치로도 측정이 되어야 총 집중 시간으로 통계낼 수 있을 듯


사용 방법 및 예시(설명 기입할 것)

프로토타입 : https://ovenapp.io/view/50KaWrFX5cU5kmY5WwLSKmD7bJPGQI4P/


  1. 뽀모도로

    image

  2. 스톱워치

    image

  3. 설정

    image



이 프로젝트를 통해 배운 점