TodoGenie (Todo List Web Application)

A responsive Todo List web application developed using React.js and Tailwind CSS. This application allows users to add, delete, and update tasks, enhancing productivity and ensuring efficient task management.

Key Features

• Task Management: Users can add new tasks, delete existing ones, and update task details seamlessly.
• State Management: Utilized Context API for effective state management and component communication.
• Responsive Design: Built with Tailwind CSS, the app is visually appealing and responsive across various devices.
• Data Persistence: Integrated Local Storage to ensure tasks are saved across browser sessions, preventing data loss on refresh or tab closure.

Demo

Check out the live demo of the application here.

Technologies Used

• React.js: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Vite: A build tool that provides a fast and optimized development environment.
• Context API: For state management and component communication.
• Local Storage: For persisting user data across sessions.

Installation

Follow these steps to run the project locally:

1. Clone the repository:

   git clone https://github.com/your-github-username/todo-list-web-app.git

2. Navigate to the project directory:

   cd TodoApp

3. Install the dependencies:

   npm install

4. Run the application:

   npm run dev

   The app will be running at http://localhost:5173.

Acknowledgements

• React.js
• Tailwind CSS
• vite
• vercel

Contact

Connect with me on LinkedIn : Priyanshu Trivedi ↗