This is a simple To-Do application built with React, HTML, CSS, and Bootstrap. The app allows users to create, read, update, and delete tasks efficiently. It features a responsive design that looks great on both desktop and mobile devices.
- Add Tasks: Users can create new tasks and set their completion status.
- View Tasks: All tasks are displayed in a user-friendly interface.
- Edit Tasks: Users can edit existing tasks.
- Delete Tasks: Remove tasks that are no longer needed.
- Set Timer for Tasks: Users can set a timer for each task to help manage their time effectively.
- Responsive Design: The app is fully responsive and works on all devices.
- Styled with Bootstrap: A front-end framework for developing responsive, mobile-first projects.
- React: A JavaScript library for building user interfaces.
- HTML/CSS: For structuring and styling the application.
- Bootstrap: A front-end framework for developing responsive, mobile-first projects.
To run the app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/aadiprakashh/Todo.git
-
Navigate to the Project Directory:
cd todo -
Install Dependencies: Make sure you have Node.js installed. Then run:
npm install
-
Run the App: Start the development server:
npm start
-
Open in Browser: Visit http://localhost:3000 to view the app in your browser.
-
Add a Task: Type your task in the input field and click the "Add" button.
-
Complete a Task: Click on the checkbox next to a task to mark it as complete.
-
Delete a Task: Click the "Delete" button next to the task you want to remove.
Contributions are welcome! If you have suggestions for improvements or features, feel free to open an issue or submit a pull request.
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature/YourFeatureName
- Commit your changes:
git commit -m "Add your feature description" - Push to the branch:
git push origin feature/YourFeatureName
- Open Pull Request.