This ReactJS Todo List application allows users to manage their daily tasks efficiently. It provides a clean interface for adding, deleting, and marking tasks as complete. This project aims to offer simple yet functional task management with persistence using local storage to ensure data retention across browser sessions.
- Add Tasks: Easily add new tasks.
- Delete Tasks: Remove tasks from the list.
- Mark as Complete: Toggle tasks between completed and incomplete states.
- Local Storage: Tasks are saved in the browser's local storage.
These instructions will guide you through setting up the project locally for development and testing.
- Node.js and npm installed. You can download them from Node.js official website.
-
Clone the repo: git clone https://github.com/maziz07/reactjs-todolist.git
-
Go to the project directory: cd reactjs-todolist
-
Install NPM packages: npm install
-
Start the development server: npm start
Visit http://localhost:3000 to view the application in your web browser.
To use the application, enter a task in the input field and click the "Add" button. Click on a task to mark it as completed or click the "Delete" button next to each task to remove it from the list.
- Inspiration from classic to-do applications.
- React community for continuous support.
For more details on how to work with React and create projects, refer to the React documentation.