React To-Do Application with Vite

A simple Todo List application built with React, using Material-UI icons. This app allows users to add, edit, complete, and delete todos. Completed todos are saved separately and can also be deleted.

Features

• Add new todos with a title and description
• Edit existing todos
• Mark todos as completed
• View completed todos
• Delete todos and completed todos
• Data persistence with localStorage

Installation

• Installation
• Usage
• Folder Structure
• contact

Follow these steps to set up the project locally:

1. Clone the repository:

   git clone https://github.com/Gautam5514/TO-DO.git
   

2. Navigate to the project directory:

   • cd to_do

3. Install dependencies using npm

   • npm install

4. Usage

   To start the development server and run the application locally**

   - npm run dev
   

4.1. Open your browser and navigate to (http://localhost:5173)

• The application should now be running, and you can start developing your To-Do app.

Folder Structure

**Here's a basic overview of the project's folder structure:**

to_do/
├── node_modules/
├── public/
│   └── vite.svg
├── src/
│   ├── assets/
│   │   └── react.svg
│   ├── App.css
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── vite.config.js
├── Readme.md

Contact

Your Name - Gautam pandit - [email protected]

Project Link: https://github.com/Gautam5514/TO-DO.git