How purvathorat38-web/lando-norris-portfolio works
This is a Lando Norris portfolio and helmet-merchandise storefront. Visitors explore the career landing page, browse products, manage a cart, and submit checkout orders; the site also accepts contact/newsletter engagement and tracks page views. Administrators log in to review orders, activity, analytics, contacts, and subscribers. The frontend routes pages and owns cart state, while FastAPI handles API operations over SQLite. Some page and API wiring is documented but its source was not sampled, so those links rely on README evidence.
Main entry points: App.jsx App shell · main.py FastAPI routes · Store.jsx Helmet catalog · Checkout.jsx Order checkout
Components 17
Portfolio frontend
- App shell
frontend/src/App.jsx - Career landing
frontend/src/pages/Home.jsx - WebGL background
frontend/src/components/WebGLBackground.jsx - Navigation
frontend/src/components/Navbar.jsx - Footer signup
frontend/src/components/Footer.jsx
Commerce experience
- Helmet catalog
frontend/src/pages/Store.jsx - Cart state
frontend/src/App.jsx - Cart drawer
frontend/src/components/CartDrawer.jsx - Order checkout
frontend/src/pages/Checkout.jsx
Backend API
- FastAPI routes
backend/main.py - JWT authentication
backend/auth.py
Persistence and contracts
- API schemas
backend/schemas.py - Domain models
backend/models.py - Database session
backend/database.py - SQLite database
backend/database.py
Engagement and administration
- Admin dashboard
frontend/src/pages/Admin.jsx
Other components
- Site visitor
Connections 25
- Site visitor → App shell: uses
README.md - App shell → Career landing: routes to
frontend/src/App.jsx - App shell → Helmet catalog: routes to
frontend/src/App.jsx - App shell → Order checkout: routes to
frontend/src/App.jsx - App shell → Admin dashboard: routes to
frontend/src/App.jsx - App shell → Navigation: renders
frontend/src/App.jsx - App shell → Footer signup: renders
frontend/src/App.jsx - App shell → Cart drawer: renders
frontend/src/App.jsx - Career landing → WebGL background: loads
frontend/src/pages/Home.jsx - Helmet catalog → Cart state: adds products
README.md - App shell → Cart state: maintains
frontend/src/App.jsx - Cart state → Cart drawer: passes cart
frontend/src/App.jsx - Cart state → Order checkout: passes cart
frontend/src/App.jsx - Order checkout → FastAPI routes: submits orders
frontend/src/pages/Checkout.jsx - Helmet catalog → FastAPI routes: loads products
README.md - App shell → FastAPI routes: tracks views
frontend/src/App.jsx - Footer signup → FastAPI routes: submits signup
frontend/src/components/Footer.jsx - Admin dashboard → FastAPI routes: manages records
README.md - FastAPI routes → JWT authentication: checks access
backend/main.py - FastAPI routes → API schemas: validates payloads
backend/main.py - FastAPI routes → Domain models: queries and writes
backend/main.py - FastAPI routes → Database session: opens sessions
backend/main.py - JWT authentication → API schemas: builds token data
backend/auth.py - Domain models → Database session: uses base
backend/models.py - Database session → SQLite database: connects
backend/database.py