Skip to content

rawazali999/todo-list-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Todo App

This is a simple todo app built with React, Tailwind CSS, useContext, and local storage. The app allows users to create, update, and delete tasks. The state management is handled using the useContext hook, and the task data is stored in the browser's local storage, allowing for persistence even after refreshing the page.

Features

  • Create new tasks with a title and description.
  • Mark tasks as completed.
  • Edit existing tasks.
  • Delete tasks.
  • Filter tasks by completed or active status.

Technologies Used

The following technologies were used to build this app:

  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
  • useContext: A React hook for managing state without the need for Redux or other state management libraries.
  • Local Storage: A web API that allows data to be stored locally in the user's browser.

Usage

  1. Clone the repository:

      git clone https://github.com/your-username/react-todo-app.git
  2. Change into the project directory:

         cd react-todo-app
  3. Install the dependencies:

        npm install
  4. Start the development server:

           npm start
  5. Open the app in your browser at http://localhost:3000.