Skip to content

Latest commit

 

History

History
49 lines (38 loc) · 1.84 KB

README.md

File metadata and controls

49 lines (38 loc) · 1.84 KB
Raw

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/PriyanshuTrivedi07/TodoApp.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

Contact

Connect with me on LinkedIn : Priyanshu Trivedi ↗