This is a simple todo list app created using Vite and React. The app allows you to keep track of your tasks and manage them efficiently. It provides a user-friendly interface to add, edit, and delete tasks, as well as mark them as complete.
Backend is done at https://github.com/Alphaviper7769/todo-app-nodejs
- Add tasks with a title and description.
- Mark tasks as complete to track your progress.
- Delete tasks that are no longer needed.
- Responsive design for seamless usage on different devices.
- Local storage support to persist tasks across browser sessions.
The app is deployed on Vercel and can be accessed at https://todo-frontend-vert.vercel.app.
To run the app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Alphaviper7769/Todo-frontend
-
Navigate to the project directory:
cd todo-list-app -
Install the dependencies:
npm install
-
Start the development server:
npm run dev:This will start the app in development mode. Open http://localhost:3000 in your browser to view it.
-
Adding a Task: To add a new task, enter the task title in the input field and press Enter or click the "Add" button. You can optionally provide a description for the task.
-
Completing a Task: To mark a task as complete, click on the checkbox next to the task. The task will be visually marked as completed.
-
Deleting a Task: To delete a task, click on the delete icon (trash can) next to the task.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
-
Fork the repository.
-
Create a new branch:
git checkout -b my-feature
-
Make your changes and commit them:
git commit -m "Add my feature" -
Push your changes to the forked repository:
git push origin my-feature
-
Open a pull request to the main repository.
This project is licensed under the MIT License.