All projects
Training · FrontendTraining projectCompleted

REACT LAB 1

Shopping cart and profile SPAs with React Context and a responsive UI.

Shared cart and profile state via Context

Context state

Bootstrap 5 responsive layouts

Responsive

Overview

React training: a shopping cart SPA and a profile page SPA built with React 19 and Vite, using React Context for shared state and Bootstrap 5 for a responsive UI.

Architecture

How data moves through the system.

Component-based React SPAs with context-based state.

  1. 01React SPA
Technology stack
JavaScriptJSXHTMLCSSReact 19ViteBootstrap 5
Key features
  • 01Shopping cart SPA
  • 02Profile page SPA
  • 03React Context
  • 04Responsive UI
Engineering outcomes

Shared cart and profile state via Context

Context state

Bootstrap 5 responsive layouts

Responsive

Keep going

Next project

AI / Full Stack / Inventory Management

SmartStock AI

Full Stack · Medical

Mawid — Medical Appointment System