✏️   투두리스트 프로젝트

• 투두리스트 주소 ( JS 프로젝트 )

🙋   제작 기간 & 참여 인원

* 제작기간 : 2022.03.01 ~ 2022.03.10
* 참여인원 : 개인 프로젝트

🔥   주요기능

* 오늘 할 일
  1. 오늘 할 일과 알람을 입력하여 체크리스트를 추가할 수 있습니다.
  2. 오늘 할 일이나 알람 둘 중 하나가 비어있을 경우, save 버튼을 클릭시 경고창이 뜹니다.

2022-10-18.5.44.51.mov

* 체크리스트
  1. 투두를 시간 안에 완수하면 => 글자가 파란색으로 변하고 성공률 그래프가 채워집니다.
  2. 투두를 완수해야할 시간이 1분 남았을 경우 => 글자가 빨간색으로 변합니다.
  3. 투두를 시간 안에 완수하지 못하면 => 글자가 회색으로 변하고 라인이 쳐지며 성공률 그래프를 채우지 못합니다.

2022-10-18.5.46.02.mov

* 성공률 ( + 팝업창 )
  1. 성공률 그래프는 ( 성공한 투두 개수 / 체크리스트 전체 수 ) 에 따라 채워집니다.
  2. 체크리스트를 시간 안에 모두 완수하면 => 성공을 축하하는 팝업창이 떠오릅니다.
  3. x 버튼을 클릭하여 팝업창을 끄면 => 체크리스트와 성공률 그래프가 초기화 됩니다.

2022-10-18.5.42.37.mov