This is a simple To-Do List application built with React. Users can add new tasks, mark completed tasks, remove tasks, and sort tasks based on different criteria. It uses React's useState() hook for managing the state of tasks and props for passing data between components.
Please Note: This project was developed solely for learning purposes and to gain hands-on experience with React's core concepts, such as useState() and props.
Explore the docs »
DEMO
Table of Contents
- Add new tasks to the To-Do list.
- Mark tasks as completed by checking checkboxes.
- Remove individual tasks from the list.
- Clear all tasks at once with the "Clear" button.
- Sort tasks based on input order, task name, or completed status.
- Task names with completed tasks are crossed out for visual distinction.
Node.js - download and install
https://nodejs.org
Git - download and install
https://git-scm.com
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
Would like to run this project locally? Open terminal and follow these steps:
- Clone the repo
git clone https://github.com/sgrazys/to-do-list.git
- Install NPM packages
or
npm i
npm install
- Run the development server
npm start
- To see the application open your web browser and visit
http://localhost:3000
Distributed under the MIT License. See LICENSE.txt
for more information.
Saulius Grazys
Project Link: https://sgrazys.github.io/to-do-list/