React learning project | To-Do List

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

1. Features
   • Built With
2. Getting Started
   • Prerequisites
3. License
4. Contact

Features

• 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.

(back to top)

Built With

(back to top)

Getting Started

Prerequisites

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

Launch locally

Would like to run this project locally? Open terminal and follow these steps:

1. Clone the repo

   git clone https://github.com/sgrazys/to-do-list.git

2. Install NPM packages

   npm i
   

   or

   npm install
   

3. Run the development server

   npm start
   

4. To see the application open your web browser and visit

   http://localhost:3000
   

(back to top)

License

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

(back to top)

Contact

Saulius Grazys

• Mail

• LinkedIn

Project Link: https://sgrazys.github.io/to-do-list/

(back to top)