https://github.com/stefanelli990/todo-app
A minimalist to-do app, with a clean and user-friendly interface. It allows you to effortlessly add, update, and complete todos quickly.
https://github.com/stefanelli990/todo-app
composition-api iconify pinia tailwindcss uuid vite vue-toastification vuejs
Last synced: about 1 month ago
JSON representation
A minimalist to-do app, with a clean and user-friendly interface. It allows you to effortlessly add, update, and complete todos quickly.
- Host: GitHub
- URL: https://github.com/stefanelli990/todo-app
- Owner: stefanelli990
- Created: 2023-10-10T11:04:29.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-13T11:09:49.000Z (over 1 year ago)
- Last Synced: 2025-09-04T04:02:34.566Z (about 1 month ago)
- Topics: composition-api, iconify, pinia, tailwindcss, uuid, vite, vue-toastification, vuejs
- Language: Vue
- Homepage: https://legendary-bavarois-35b491.netlify.app/
- Size: 104 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo App
## Description:
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](https://legendary-bavarois-35b491.netlify.app/)**: Try the Todo App live.
## Features:
- **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.
## Technologies Used:
- **Vue.js** for building the frontend of the application.
- **Tailwind CSS** for styling and layout design.
- **Pinia** for state management.
## Installation
To run this project locally, follow these steps:
1. Clone the repository.
2. Install the required dependencies using `npm install`.
3. Start the development server with `npm run dev`.
4. Open your browser and navigate to `http://localhost:5173` to use the app.