Task Manager
Track, filter, and manage all of your course assignments.
Create a multi-section HTML page using semantic elements: header, main, section, article, and footer.
Reproduce a provided design mockup using Flexbox. The layout should have a responsive sidebar and a main content area.
Build a card grid that switches from 3 columns on desktop to 1 column on mobile using CSS Grid and media queries.
Build a todo list supporting add, toggle complete, delete, and filtering using vanilla DOM methods and localStorage.
Use fetch() and async/await to retrieve data from a JSON API, handle loading and error states, and render cards.
Create modular components (Button, Modal, Card, Input) with clear props interfaces and reusable CSS styling.
Implement a full Theme & User preferences context provider with custom hooks and persistent storage.
Structure the Next.js App Router application with layouts, dynamic routes, server/client boundaries, and dashboard metrics.