TO_DO list
To-Do List Web App
Role: UX/UI Designer & Frontend Developer
Tools Used: Figma, HTML, CSS, JavaScript
Type: Personal Project
Project Goal
To design and build a simple, modern, and responsive To-Do List app that helps users manage their daily tasks efficiently while keeping the interface clean and visually appealing.
Design Process
I began with low-fidelity wireframes and moved into high-fidelity designs using Figma. I chose a soft, creative color palette to bring personality to a simple tool, using colors like Deep Plum, Blush Pink, and Bright Mint for a light, fresh look.
Development
I built the app using HTML, CSS, and vanilla JavaScript. It includes features like:
Add, delete, and check off tasks
Smooth transitions and hover effects
Fully responsive design for mobile and desktop
Clean and semantic code structure
What I Learned
This project helped me practice turning a visual design into real code. I improved my understanding of DOM manipulation and CSS layout techniques while keeping accessibility and responsiveness in mind.