https://github.com/tusharnankani/ToDoList
A dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.
https://github.com/tusharnankani/ToDoList
aesthetic css html javascript themes todo-list todoapp todolist user-interface
Last synced: 6 months ago
JSON representation
A dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.
- Host: GitHub
- URL: https://github.com/tusharnankani/ToDoList
- Owner: tusharnankani
- License: mit
- Created: 2020-06-11T16:36:57.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-01-27T16:15:15.000Z (8 months ago)
- Last Synced: 2025-04-08T13:04:29.845Z (6 months ago)
- Topics: aesthetic, css, html, javascript, themes, todo-list, todoapp, todolist, user-interface
- Language: CSS
- Homepage: https://tusharjustdoit.netlify.app/
- Size: 3.25 MB
- Stars: 271
- Watchers: 6
- Forks: 152
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-todos - JavaScript
README
# To-Do-List
## A Simple To - Do Website!
# To Do List
#### This web page is hosted [here!](https://tusharjustdoit.netlify.app/)
- View the local installation in the [CONTRUBUTING.md](https://github.com/tusharnankani/ToDoList/blob/master/CONTRIBUTING.md).
### *Features*:
* User-friendly
* Local Storage Supported
* Displays current Date and Time
* Responsive, on all devices
* Themes: Users can choose among different themes.
### *Features to be added*:
Check [Issues](https://github.com/tusharnankani/ToDoList/issues) for contributing to this repository.
* SubTasks: Adding subtasks to the enlisted tasks, could be an option.
* Neumorphic Interface: For the to-do's so, it looks more appealing, Can use SASS (.scss file)
* ScratchPad: Adding an option of a Scratch pad and it can be locally saved.
* Login Features (use APIs) & Database: So the website can be opened on any device, users can log in, and the To-Dos can be viewed anywhere, anytime.
* Reminder/Alerts: Sending automated mails once logged in, and due date/time set.
# *References*
* For Fonts: [Google Fonts](https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap)
* For Basic Icons (like Trash and Check buttons): [font-awesome](https://fontawesome.com)
* For Favicon: [icons8](https://icons8.com/icons/)
* For Color Coordination: [w3schools](https://www.w3schools.com/colors/colors_mixer.asp?colorbottom=000000&colortop=FFFFFF)
* For JavaScript (Tutorial): [The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET)
* For help with CSS: [CSS Tricks](https://css-tricks.com/)
* For more CSS effects: [text-effects](https://speckyboy.com/underline-text-effects-css/)
* For Type Writing effects: [Type-effects](https://usefulangle.com/post/85/css-typewriter-animation)
* For Local Storage: [Web Dev Simplified Blog](https://blog.webdevsimplified.com/2020-08/cookies-localStorage-sessionStorage/)
# *Contributions*
- All contributors are most welcome! This is definitely open source!
- View the [`CONTRIBUTING.md`](https://github.com/tusharnankani/ToDoList/blob/master/CONTRIBUTING.md) for further instructions, requirements/dependencies & local project setup instructions!
- All the contributors to this repository can be found in the [`CONTRIBUTORS.md`](https://github.com/tusharnankani/ToDoList/blob/master/CONTRIBUTORS.md) file!
## *WEBSITE DEMO*
# *Author*
* Tushar Nankani (tusharnankani, tusharnankani3@gmail.com)
- [LinkedIn](https://www.linkedin.com/in/tusharnankani)