This is a simple To-Do list application built using React. It allows you to add, mark as finished, and delete tasks. The app also stores your tasks in local storage so you can retrieve them even after closing your browser.
- Add new tasks to your to-do list.
- Mark tasks as finished by applying a line-through style.
- Delete tasks from your list.
- Retrieve your tasks from local storage when you revisit the app.
- React: The core library for building user interfaces.
- useState: React hook for managing component state.
- Local Storage: A browser feature used for data persistence.
To run this project locally, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/Jesus-boy01/NitHub-React-Todo.git
-
Navigate to the project directory:
cd hatchdev-react
-
Install the required dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your web browser and go to http://localhost:3000 to use the application.
- Type a new task in the input field and click the "ADD" button to add it to your to-do list.
- Click the "FINISHED" button next to a task to mark it as finished, applying a line-through style.
- Click the "DELETE" button next to a task to remove it from your list.
- Click the "GET ALL TODOS" button to retrieve your tasks from local storage.
- This project is a simple example of a React-based To-Do list application.
- You can further enhance and customize it based on your requirements.
- Feel free to contribute or provide feedback to improve this project.
Happy task management!