Skip to content

The classic: An app for keeping track of the user's "to-do's" built with JS! Users can create to-do's, categorize them into groups, and sort them in several ways. The to-do blocks change their color depending on their priority.

Notifications You must be signed in to change notification settings

marcode95/to-do-list

Repository files navigation

to-do's

A mobile-responsive app for listing to-do's implemented through HTML3, CSS3 and Javascript. Users can create to-do reminders and add them to projects. The app is checking for empty inputs and duplicates. Users can also categorize their to-do's by their respective project, see future to-do's only and even sort them by priority, title or date. The to-do's are styled depending on their priority. This app uses localStorage so users can check on their to-do's again anytime. Enjoy!

screenshot of main page

Live Version

https://cocky-ardinghelli-805b0e.netlify.app/


Content

About   |    Installations   |    Usage   |    App   |    Built With   |    Author

About

This project was a task by Microverse Inc. to build a to-do-list inluding a simple form for adding to-do's and projects, categorizing them and editing descriptions.

🔧 Built with

  • HTML5
  • CSS3
  • Vanilla Javascript
  • Webpack

Usage

To use the code in this repository, follow the steps in this section:

🔨 Prerequisites

You should have the following packages installed on your computer inorder to run the code contained herein.

  • Node JS
  • npm and npx

🔨 Setup

First get a copy of the project on your computer:

🛠 Installing

Once you have a local copy of the entire project on your computer, If you don't meet the above prerequisites, then:

App

With the installations above complete, you are set to use the code and view the application built in this repository. Follow these simple steps:

  • Change directory into the directory where you cloned the repository. Forexample vanheaven@vanheaven-VirtualBox:~/Microverse-projects$ cd to-do-list.
  • Open the index.html file using your browser

✒️ Authors

👤 Marco Erhardt

🤝 Contributing

Contributions, issues and feature requests are welcome!

To contribute to the code base, follow the steps below:

  1. Fork this repository to your remote respository by clicking the Fork button in this repository.
  2. Clone this repository to a directory on your computer by following Github guidelines.
  3. Change directory into the directory where you cloned this repository to.
  4. Open the directory using your favorite editor.
  5. Create a feature branch off the develop branch.
  6. Make and commit the nuanced code.
  7. Open a pull request describing the improvements made And your reward awaits in heaven.

👍 Show your support

Give a ⭐️ if you like this project!

👏 Acknowledgements

About

The classic: An app for keeping track of the user's "to-do's" built with JS! Users can create to-do's, categorize them into groups, and sort them in several ways. The to-do blocks change their color depending on their priority.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published