React + Vite To-Do Application

This project is a simple To-Do application built using React and Vite. You can add, edit, mark as done, and delete to-do items.

Getting Started

Prerequisites

• Install Node.js (v14 or higher)
• Install npm (comes with Node.js) or yarn

Installation

1. Clone the repository:

   git clone https://github.com/punit-dev/To-do-Web-Application-using-React.git
   cd To-do-Web-Application-using-React

2. Install the required packages:

   npm install
   # or
   yarn install

Running the Application

To start the development server:

npm run dev
# or
yarn dev

Open your browser and go to http://localhost:5173.

Project Structure

• src/: Contains the source code.
  • components/: Reusable components like TodoCard and DeleteConfirmation.
  • context/: Context providers for managing state.
  • sections/: Larger sections of the app like AddToDoForm.
  • App.jsx: The main app component.
  • main.jsx: Entry point of the app.

Key Features

• Add To-Do: Add new to-do items.
• Edit To-Do: Edit existing to-do items.
• Mark as Done: Mark to-do items as done or undo them.
• Delete To-Do: Delete to-do items with a confirmation prompt.

Dependencies

• React
• Vite
• Framer Motion/Motion (for animations)
• Tailwind CSS (for styling)