https://github.com/bkjang/vanilla-todoapp
:banana: This toy project is todoApp developed with Vanilla JS.
https://github.com/bkjang/vanilla-todoapp
banana chrome-extension javascript todolist web
Last synced: about 2 months ago
JSON representation
:banana: This toy project is todoApp developed with Vanilla JS.
- Host: GitHub
- URL: https://github.com/bkjang/vanilla-todoapp
- Owner: BKJang
- Created: 2019-05-04T07:20:58.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T07:15:11.000Z (over 3 years ago)
- Last Synced: 2023-03-11T15:47:43.355Z (over 3 years ago)
- Topics: banana, chrome-extension, javascript, todolist, web
- Language: JavaScript
- Homepage: https://bkjang.github.io/vanilla-todoApp
- Size: 4.22 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vanilla-todoApp
:banana: This toy project is canavasApp developed with `Vanilla JS`.
**Thanks to [Nomad Coders's 초보를 위한 바닐라 JS | Part 1](https://academy.nomadcoders.co/courses/enrolled/435558)**
## :pencil2: TODO
#### :ballot_box_with_check: Done / :ballot_box: TODO
- :ballot_box_with_check: `setInterval`로 시계 구현
- :ballot_box_with_check: 사용자 이름 입력 및 저장 기능 구현
- :ballot_box_with_check: Todo-List 구현(Todo, Done, Delete)
- :ballot_box_with_check: 배경 이미지 적용
- :ballot_box_with_check: Todo-List 구현(Todo, Done, Delete)
- :ballot_box_with_check: Geolocation을 이용하여 날씨 안내 구현 - API : (https://openweathermap.org/)
- :ballot_box_with_check: Todo-List Event Delegation으로 Refactoring
- :ballot_box: 디자인 변경 및 CSS 수정
- :ballot_box: Chrome Extension 배
## :hammer: Skills
- [HTML canvas API](https://www.w3schools.com/html/html5_canvas.asp)
- [canvas toDataUrl](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL)
- [HTML range API](https://www.w3schools.com/tags/att_input_type_range.asp)