How rinka-mod/jdm-legends-app works
JDM LEGENDS is a full-stack digital library for Japanese performance cars, with historical and cultural content, account-based favorites, and an FAQ assistant. Visitors browse and filter the library, open car profiles, and explore eras and culture; registered users can save cars to a synced garage, while newsletter and assistant actions use content APIs. The React app calls the Express API, whose route handlers query SQLite through shared persistence code. Some feature wiring is represented from the README because its route and page implementations were not sampled.
Main entry points: api.ts API Client · App.tsx App Routing · index.ts Express API · auth.tsx Auth Context
Components 20
Explore JDM
- App Routing
client/src/App.tsx - Home Experience
client/src/pages/HomePage.tsx - Car Library
client/src/components/Library.tsx - Library Filters
client/src/components/library/useLibraryFilters.ts - Car Profiles
client/src/pages/CarPage.tsx
Accounts and Garage
- Garage and Newsletter
client/src/components/GarageSection.tsx - Account Pages
client/src/pages/LoginPage.tsx - Personal Garage
client/src/pages/MyGaragePage.tsx - Auth Context
client/src/lib/auth.tsx
Editorial Content
- Timeline and Culture
client/src/components/Heritage.tsx - FAQ Assistant
client/src/components/ChatAssistant.tsx
API and Storage
- API Client
client/src/lib/api.ts - Express API
server/src/index.ts - Car Routes
server/src/routes/cars.ts - Content Routes
server/src/routes/content.ts - Auth Routes
server/src/routes/auth.ts - Garage Routes
server/src/routes/garage.ts - Query Repository
server/src/repository.ts - SQLite Database
server/src/db.ts
Other components
- Visitor
Connections 27
- Visitor → App Routing: uses
- App Routing → Home Experience: routes to
- App Routing → Car Profiles: routes to
- App Routing → Account Pages: routes to
- App Routing → Personal Garage: routes to
- Home Experience → Car Library: renders
- Home Experience → Timeline and Culture: presents
- Car Library → Library Filters: uses
- Library Filters → API Client: fetches cars
- Car Profiles → API Client: loads profile
- FAQ Assistant → API Client: asks FAQ
- Garage and Newsletter → API Client: submits email
- Account Pages → Auth Context: signs in
- Personal Garage → Auth Context: reads session
- Garage and Newsletter → Auth Context: reads favorites
- Auth Context → API Client: authenticates
- API Client → Express API: sends API requests
- Express API → Car Routes: dispatches
- Express API → Content Routes: dispatches
- Express API → Auth Routes: dispatches
- Express API → Garage Routes: dispatches
- Car Routes → Query Repository: queries cars
- Content Routes → Query Repository: queries content
- Garage Routes → Query Repository: loads car details
- Garage Routes → SQLite Database: reads and writes favorites
- Auth Routes → SQLite Database: reads and writes accounts
- Query Repository → SQLite Database: queries