Day 12 ยท Frontend + AI
Build a live focus board
Create a study dashboard that tracks a timer, a task queue, and one calm metric that makes late-night work feel manageable.
Use the route as a compact single-purpose screen. The best submissions make the board usable in one thumb without hiding the details.
What to build
Use one primary screen, one clear state, and one piece of proof that shows real progress rather than a polished mockup.
- Make the core task readable on mobile first.
- Show a result that can be verified from the links.
- Write down the tradeoffs you made while building.
Submit proof of work
GitHub proof
Ready to submit
github.com/MukkuYadav/abtalks-focus-board
feat: ship focus board interactions and persistence
LinkedIn proof
Drafted
linkedin.com/posts/mukku-yadav_day-12-focus-board
Share what you built, why it matters, and one lesson from the implementation.
Submission checklist
Public GitHub repo or commit link
LinkedIn post describing what was built
A short note on what you would improve next
Edge case handled
New profile, missed day, or zero streak all land in the same flow.
The page stays calm and usable even when the student is starting over.
Back to dashboard