All projects
Training · FrontendTraining projectCompleted
REACT LAB 3
Countries explorer and age calculator with React Router and Context.
Multi-view navigation with React Router 7
Routing
Shared state across views
Context
Overview
React training covering a countries explorer and an age calculator, with React Router 7 for navigation, React Context for state and Font Awesome icons.
Architecture
How data moves through the system.
Multi-view React SPA with client-side routing.
- 01React SPA + Router
Technology stack
React 19JavaScriptJSXViteBootstrapReact Router 7
Key features
- 01Countries explorer
- 02Age calculator
- 03React Router
- 04React Context
- 05Font Awesome
Engineering outcomes
Multi-view navigation with React Router 7
Routing
Shared state across views
Context