Hands-on Labs

Put your skills to the test with our practical labs. Build real projects and learn by doing.

Build a React Quiz App

Beginner2-3 hours

Build a React Quiz App

Build an interactive quiz app with React Context

ReactContext APIState ManagementComponents

Build a Modern React Todo List

Beginner1-2 hours

Build a Modern React Todo List

Build a modern todo list app with React and local storage

ReactLocal StorageState ManagementModern CSSVite

Build a React Weather App

Beginner1-2 hours

Build a React Weather App

Build a modern weather app with React and Open-Meteo API

ReactAPI IntegrationCSSResponsive Design

Build a React Stopwatch App

Beginner1-2 hours

Build a React Stopwatch App

Build a modern stopwatch app with React hooks

ReactHooksuseStateuseEffectCSSResponsive Design

Build a Drag-and-Drop React Kanban Board

Intermediate1-2 hours

Build a Drag-and-Drop React Kanban Board

Build a drag-and-drop Kanban board with React DnD

ReactReact DnDState ManagementCSS GridDrag and Drop

Build a Modern Personal Portfolio

Intermediate2-3 hours

Build a Modern Personal Portfolio

Build a modern personal portfolio with React and CSS animations

ReactCSS AnimationsResponsive DesignModern UI/UX