Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 months ago
JSON representation

A dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.

Awesome Lists containing this project

README

        

# To-Do-List

## A Simple To - Do Website!

# To Do List

![ToDoList](https://socialify.git.ci/tusharnankani/ToDoList/image?description=1&forks=1&issues=1&language=1&owner=1&pattern=Brick%20Wall&pulls=1&stargazers=1&theme=Dark)

#### 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*

![Screenshot (771)](https://user-images.githubusercontent.com/61280281/99399713-0844b900-290c-11eb-8d7c-1199319b4a9e.png)

![Screenshot (772)](https://user-images.githubusercontent.com/61280281/99399731-0da20380-290c-11eb-8a59-e0a2e5f9b19f.png)

![Screenshot (773)](https://user-images.githubusercontent.com/61280281/99399728-0d096d00-290c-11eb-9ee5-59cc8358676c.png)

![Screenshot (774)](https://user-images.githubusercontent.com/61280281/99399723-0b3fa980-290c-11eb-8728-03d974be548d.png)

# *Author*

* Tushar Nankani (tusharnankani, [email protected])
- [LinkedIn](https://www.linkedin.com/in/tusharnankani)