06 / FRONTEND CHALLENGE PROJECT
Dincharya.
Digital utility with a tactile feel.
An interactive calendar with range selection, contextual notes, keyboard actions, local persistence, and spring motion.
01 / THE CONTEXT
The problem worth solving.
Turn a static wall-calendar reference into a usable interactive component.
The approach
Combine date-range selection, notes and keyboard navigation with a coherent visual system.
02 / UNDER THE HOOD
How the pieces connect.
01React calendar UI
02Zustand state
03Local storage
04Motion interactions
03 / ENGINEERING JUDGMENT
The decisions behind the build.
01
Keep useful actions close
Range selection exposes the notes and actions relevant to that date context.
04 / WHAT TO INSPECT
Evidence, and its boundaries.
- Repository screenshot gallery and interaction documentation
This existing project uses Next.js. The new portfolio itself uses React/Vite.
Inspect the repository05 / THE TAKEAWAY
What I’m taking forward.
Motion should reinforce the state change a person has just made.
KEEP EXPLORING