/TODO-list

Simple TODO list made in react.

Primary LanguageCSS

Table of Contents
  1. About The Project
  3. Contributing
  4. License

About The Project

image

This is a simple TODO list.

Features:

  • Creating a task – The user writes the task on an input text field and clicks the “Create” button. The task is then added to the list and marked as incomplete.
  • Marking a task as complete/incomplete – The user clicks the checkbox on the left of the list entry, which toggles its state.
  • Editing a task – Clicking the “Edit” link on the right side of the list entry should allow the task name to be edited. You can display an input text field in-place, or re-use the task creation form.
  • Deleting a task – Clicking the “Delete” link on the right side of the list entry should delete the entry.
  • Filtering the list – Toggling the “Hide completed” checkbox on the bottom of the list should filter the completed entries from the list.
  • Sorting the list – Clicking the “Tasks” list header should sort the list alphabetically from A to Z, clicking it again should change the order from Z to A, and a third time return to the default sorting (by creation date).
  • Local Storage- The browser stores the information. Basically the user doesn't lose any information after reloading or revisiting the page.

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

(back to top)

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm 
    npm install npm@latest -g

Installation

  1. Clone the repo 
    git clone https://github.com/JrGoomer/TODO-list.git
  2. Install NPM packages 
    npm install

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)