A React-based TodoList Web Application designed to help users efficiently manage their tasks. The app allows users to add, update, delete, and view tasks seamlessly. It uses React Context API for state management and localStorage for data persistence, ensuring tasks are retained across sessions.
Access the web application here:
- Add Tasks: Create new tasks to organize your work.
- Update Tasks: Edit existing tasks effortlessly.
- Delete Tasks: Remove tasks when they are no longer needed.
- Read Tasks: View all your tasks in an organized list.
- Persistent Storage: Tasks are saved in
localStoragefor future sessions. - Time Tracking: Displays how long ago each task was created.
- Scroll-to-Top Button: Smooth scrolling back to the top for better navigation.
- Responsive Design: Optimized for use on all screen sizes.
- Frontend: React.js
- State Management: React Context API
- Data Persistence: localStorage
- Styling: CSS
Follow these steps to install and run the project locally:
-
Clone the repository:
Use the following command to clone the project repository to your local machine:git clone https://github.com/shivlalsharma/to-do-list.git cd to-do-list -
Install dependencies:
Install the required dependencies using npm:npm install
-
Start the development server:
Start the local development server to preview the application:npm start
-
Access the application:
Open your browser and navigate to:
http://localhost:3000
This project is licensed under the MIT License - see the LICENSE file for details.
Created and deployed by Shivlal Sharma.
- GitHub: Shivlal Sharma's GitHub
- LinkedIn: Shivlal Sharma's LinkedIn