Welcome to the Todo Application, a React-based task management app that allows users to create, edit, and remove tasks efficiently. This project leverages the Context API for state management and utilizes local storage for persistent data storage.
The Todo Application is currently deployed on Vercel, and you can access it here.
-
Create Tasks: Add new tasks to your todo list seamlessly.
-
Edit Tasks: Modify task details whenever needed.
-
Remove Tasks: Delete completed or unnecessary tasks to keep your list organized.
This project is built using the following key packages:
-
react: A JavaScript library for building user interfaces.
-
react-dom: Enables efficient rendering of React components into the DOM.
-
react-router-dom: Facilitates navigation and routing in the React application, ensuring a seamless user experience.
-
context-api: Utilized for global state management, ensuring state changes are reflected across components.
-
local-storage: Used to persist task data locally, allowing users to access their todo list after closing and reopening the application.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/sokebat/Todo-With-Context-Api-And-LocalStorage.git -
Navigate to the project directory:
cd Todo-With-Context-Api-And-LocalStorage -
Install dependencies:
npm install
-
Run the development server:
npm start -
Open your browser and visit
http://localhost:3000to access the Todo application.
Feel free to manage your tasks efficiently with the Todo Application!
Happy task managing with the Todo Application! 📝🚀