Todo App

This project is a simple Todo List application built using React for the frontend and styled with CSS. The app allows users to add, view, and manage their tasks interactively in a clean, attractive dark theme.

---

Features

• Add New Tasks: Users can input tasks and add them to the list.
• Dark Theme: The app uses an eye-catching dark theme for better aesthetics and usability.
• Interactive Buttons: Buttons have hover effects to improve user experience.
• Responsive Design: The app is designed to work seamlessly across different screen sizes.

---

Installation

1. Clone the repository

   git clone https://github.com/Nivedita-Chhokar/todo-app.git
   cd todo-app

2. Install dependencies Make sure you have Node.js and npm installed. Then run:

   npm install

3. Start the development server

   npm start

4. Open in Browser Visit http://localhost:3000 to see your app in action.

---

File Structure

.
|-- public/            # Public assets
|-- src/
|   |-- components/    # React components
|   |   |-- App.js     # Main app logic
|   |   |-- TodoList.js # Todo List rendering
|   |-- styles/
|       |-- App.css    # Styling for the app
|-- README.md          # Documentation
|-- package.json       # Dependencies and scripts

---

Technologies Used

• Frontend: React.js
• Styling: CSS with custom dark theme
• Build Tool: Create React App

---

Future Enhancements

• Task Completion: Add the ability to mark tasks as completed.
• Task Deletion: Include a feature to remove tasks from the list.
• Local Storage: Save tasks in the browser's local storage to persist data.
• Animations: Smooth animations for adding and removing tasks.

---

Demo

ToDo-React.mp4

Contributing

Contributions are welcome! If you have suggestions for improvements, feel free to open an issue or submit a pull request.

---