A minimalist to-do app, with a clean and user-friendly interface. It allows you to effortlessly add, update, and complete todos quickly.
Live Preview: Try the Todo App live.
- Todo Management: Users can add, delete and edit todos. Each todo can have a title and description.
- Data Persistence: Todos are stored in local storage, making them available even after a page refresh.
- Toast Notifications: Receive real-time feedback with toast notifications for successful todo additions, updates, and deletions.
- User-Friendly Interface: An intuitive design ensures a seamless user experience.
- Responsive Design: The app is mobile-friendly, allowing users to manage their todos on the go.
- Animations: Enjoy a visually appealing experience with smooth animations enhancing interactions throughout the application.
- Vue.js for building the frontend of the application.
- Tailwind CSS for styling and layout design.
- Pinia for state management.
To run this project locally, follow these steps:
- Clone the repository.
- Install the required dependencies using
npm install
. - Start the development server with
npm run dev
. - Open your browser and navigate to
http://localhost:5173
to use the app.