Simple To-Do List

This is a simple app for keeping track of your To-Dos for different projects

Note: This website works best with high res screens (1080p and up). Check the improvements section for future updates.

Built With

• Vanilla JS
• HTML5
• CSS3

Live Demo

Simple To-Do List:bookmark_tabs:

Getting Started

In order to setup and work on this project on your own, you will need to:

1. Clone this project: git clone https://github.com/pret3nti0u5/To-Do-List.git

2. Once you have cloned this project, you can install the required dependencies by using: npm install

3. A live demo of the project can be started by using: npm start

4. Distribution files can be produced using: npm run build

Usage

Once you are on the Home Page, you have two main panels

• Projects Panel.- To switch between different Projects
• To-Do Panel.- To check or uncheck To-Dos for the selected project

Deployed on GitHub Pages

Deployed on GitHub Pages

Improvements

Features we are going to add to this app:

• Bug test and squash some bugs
• Add option to add due time for to-do
• Add functionailty to rearrange projects and to-dos by dragging and dropping
• Approach a Responsive Web Design(RWD)
• Move from HTML and vanilla CSS to React Js framework

Acknowledgement

Design inspired by Notion

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, I'd really appreciate it.