Todo App

Description

This is a simple yet powerful Todo List application built with React and styled using Tailwind CSS. The app allows users to manage their tasks efficiently by providing features to add, view, update, delete, and mark todos as completed. Additionally, users can choose to hide completed todos for a cleaner view of their active tasks.

Features

• Add Todo: Easily add new tasks to your to-do list.
• View Todo: View all your tasks with their current status.
• Update Todo: Edit existing tasks to modify their details.
• Delete Todo: Remove tasks that are no longer needed.
• Mark as Completed: Mark tasks as completed when done.
• Hide Completed Todos: Toggle visibility of completed tasks to keep your list focused on active items.

Technologies Used

• React: Utilized for building the user interface and managing application state.
• Tailwind CSS: Used for styling the app with a modern and responsive design.
• React Hooks: Includes useEffect, useContext, useState, and createContext for managing state and side effects.
• LocalStorage: Used to persist user data across sessions.

Installation(Required: Node Js installed on your machine)

1. Clone the repository:

   git clone https://github.com/GitAmitesh/Todo-App.git
   

2. Navigate to the project directory:

   cd Todo-App
   

3. Install dependencies:

   npm install
   

4. Run the project on localhost:

   npm run dev