A simple and efficient Todo app built using React with Vite and styled with Tailwind CSS. This app allows users to add, update, delete, and mark tasks as completed. It also uses local storage to persist todos across sessions.
Check out the live demo of the app here 🌟.
- Add Todos: Enter tasks into the input field and click the add button to include them in your list.
- View Todos: If there are todos present, they will be displayed in a clean list format; if not, a friendly message will show "No todos present."
- CRUD Operations: You can easily:
- Create new todos.
- Read/view your current todos.
- Update/edit your todos.
- Delete todos you no longer need.
- Mark as Completed: Easily mark tasks as done, which will update their appearance.
- Persistent State: The app uses local storage to ensure your todos persist across browser sessions.
- Responsive UI: The app is styled with Tailwind CSS for a sleek, modern look and is fully responsive on all devices.
- React with Vite: For fast, modern front-end development.
- Tailwind CSS: For rapid, utility-first styling.
- Local Storage: To save todos across sessions.
-
Clone the repository: git clone https://github.com/Ashwin-MB97/todo-app.git
-
Navigate to the project directory: cd todo-app
-
Install dependencies: npm install
-
Start the development server: npm run dev