Inspiration
We were tired of using overly complex to-do apps that felt more like a burden than a tool. We wanted something lightweight, clean, and satisfying—a task manager that helps you feel accomplished without overwhelming you. That’s how Taskly was born.
What it does
Taskly is a minimalist to-do app that helps users:
Add and manage daily tasks
Mark tasks as complete with satisfying feedback
Filter tasks (All / Active / Completed)
Store tasks locally to preserve them on refresh
It’s simple on the surface, but designed for daily use with a frictionless flow.
How we built it
Frontend: React + TypeScript
Styling: Tailwind CSS
State Management: useState + useEffect
Persistence: Browser LocalStorage (no backend required)
Deployment: Vercel
We focused on clean UI, smooth interactions, and instant task entry without distraction.
Challenges we ran into
Keeping the UI minimal while retaining all essential features
Handling edge cases like empty tasks, bulk deletions, etc.
Syncing state with LocalStorage without breaking the flow
Balancing mobile responsiveness with desktop usability
Accomplishments that we're proud of
Shipped a full-featured to-do app in under [X] hours
Created a UI that feels both intuitive and motivating
Learned how to handle state and persistence without external libraries
Designed a product we’d genuinely use every day
What we learned
How to manage complex state flows with simplicity
How micro-interactions (like auto-focus or button feedback) impact UX
How to balance functionality and design trade-offs
That even the most “basic” app can be uniquely ours when we build it with intent
What's next for Taskly
Add drag & drop to reorder tasks
Introduce dark mode and accessibility improvements
Integrate with calendar tools or daily summary export
Optional login + sync across devices
Log in or sign up for Devpost to join the conversation.