Loading video player...
šļø Interactive Wall Calendar ā Frontend Engineering Challenge Submission Built for TakeUForward's Frontend Assessment using the latest tech stack. ā” Tech Stack: ā Next.js 15 (App Router) ā React 19 ā Tailwind CSS v4 (CSS-first config, zero tailwind.config.ts) ā TypeScript (strict mode, zero any) ā next/font ā Barlow + Barlow Condensed ā Features Implemented: ā Physical wall calendar aesthetic with diagonal SVG hero cutout ā Spiral ring binding at the top ā Day range selector ā start date, end date, in-between highlighting ā Integrated notes section with lined paper texture ā Notes persist via localStorage (no backend) ā Page-flip CSS 3D animation on month navigation ā Indian public holiday markers with tooltips ā Keyboard navigation (ā ā arrows, Escape to clear) ā Fully responsive ā side-by-side desktop, stacked mobile ā Dynamic accent color extracted from hero image via Canvas API š± Responsive Design: ā Desktop: side-by-side notes + calendar grid layout ā Mobile: stacked vertically, touch-friendly tap targets š Live Demo: [Add Vercel URL] š GitHub: [Add GitHub URL] #TakeUForward #Frontend #NextJS #React #TailwindCSS #WebDevelopment #FrontendChallenge