Welcome! 👋 This is the TODO App built with Vue.js. This project is based on a Frontend Mentor challenge.
This project features a single-page website designed to be responsive and accessible across all devices. The goal was to recreate the provided design layout while adhering to best practices in modern web development.
Desired layout idea, as well as other assets, were provided by the Frontend Mentor.
- Fully responsive design for desktop and mobile,
- Dark and light modes available,
- Tasks can be easily reorganized using drag-and-drop functionality powered by the vuedraggable library,
- Tasks can be filtered by completed and undone statuses,
- Tasks data is saved in the local storage,
- Deployed and hosted on GitHub Pages,
- Built with Vue.js for a modular and maintainable codebase,
- Additionally added character counter and limited task input.
The layout design and assets (images, icons) were provided by Frontend Mentor.
- Vue.js,
- vuedraggable Library for intuitive task reordering,
- CSS for styling,
- GitHub Pages for deployment.
Check out the live project: TODO App
Thank you for checking out the project!