Skip to content

A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed

Notifications You must be signed in to change notification settings

lilithCode/react-todo-app

Repository files navigation

Todo App

A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed. Tasks are stored in the browser's local storage, ensuring they persist even after a page refresh.

Features

  • Add, edit, delete, and mark tasks as completed
  • Persistent storage using local storage
  • Responsive design with Tailwind CSS

Technologies Used

  • React: A JavaScript library for building user interfaces
  • Tailwind CSS: A utility-first CSS framework for rapid UI development
  • UUID: A library for generating unique IDs for tasks
  • Local Storage: Browser storage to persist tasks

Installation

  1. Clone the repository:
    git clone https://github.com/lilithCode/react-todo-app.git
  2. Navigate to the project directory:
    cd react-todo-app
  3. Install the dependencies:
    npm install
  4. Start the development server:
    npm start

Usage

  • Type a task in the input field and press Enter or click the plus icon to add a new task.
  • Click the edit icon next to a task to edit it.
  • Click the delete icon next to a task to delete it.
  • Check the checkbox next to a task to mark it as completed.

About

A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published