[JS] 나만의 모멘텀 만들기(Momentum Clone) Side-Project

Click! 👉 https://dasolpark.github.io/Dasol_JS_Momentum_Clone/

Welcome to Momentum Clone

Github 👉 https://github.com/DasolPark/Dasol_JS_Momentum_Clone

DasolPark/Dasol_JS_Momentum_Clone

항상 이용하고 있는 Chrome Extension Momentum을
HTML/CSS/JavaScript를 사용하여 나만의 스타일로 재구성 해봤습니다.

🌳배경 이미지는 무작위로 생성되며, 😃본인의 이름을 저장할 수 있고, ⛅간단한 날씨 정보도 얻을 수 있습니다.
또한, 📑해야 할 일 목록을 작성하여 체크하거나 삭제하며 사용할 수 있습니다.

날씨 API는 openweathermap, 배경 이미지 API는 unsplash를 이용하였으며
이름과 해야 할 일 데이터는 Local Storage에 저장하였습니다.

브라우저 앱이기 때문에, 노트북이나 데스크톱 브라우저에 최적화되어 있습니다.

첫 번째 화면,이름을 묻는 페이지

 

두 번째 화면, 사용자를 반겨주며 오늘 가장 중요한 일을 작성할 수 있습니다.

세 번째 화면, 사용자를 반겨주며 작성된 오늘 가장 중요한 일을 확인할 수 있습니다.

네 번째 화면, 오늘 가장 중요한 일을 완료 표시 할 수 있습니다.

다섯 번째 화면, 해야 할 일 목록을 작성할 수 있습니다.

여섯 번째 화면, 해야 할 일 목록을 완료 표시 또는 삭제할 수 있습니다.