How sullaspqr/dobok-vite-react works
This is a React frontend for browsing and adding drum inventory records. The user opens the app, reaches a routed list or new-record form, and can follow a drum link to its detail view; the views fetch or submit records through an HTTP API at localhost:3001. The README describes a starter template rather than additional product capabilities. The list source contains a variable-name mismatch in its rendering code, so the documented list workflow may fail as written; no backend implementation is present in the tree.
Main entry points: App.jsx Routes and navigation · List.jsx Drum list · New.jsx New drum form · Single.jsx Drum detail
Components 7
Application shell
- React entry
src/main.jsx - Routes and navigation
src/App.jsx
Drum browsing
- Drum list
src/List.jsx - Drum detail
src/Single.jsx
Drum authoring
- New drum form
src/New.jsx
Other components
- Browser user
- Drums HTTP API
Connections 13
- Browser user → React entry: opens app
src/main.jsx - React entry → Routes and navigation: renders
src/main.jsx - Routes and navigation → Drum list: routes to
src/App.jsx - Routes and navigation → New drum form: routes to
src/App.jsx - Routes and navigation → Drum detail: routes to
src/App.jsx - Drum list → Drums HTTP API: fetches drum list
src/List.jsx - Drums HTTP API → Drum list: returns records
src/List.jsx - Drum list → Routes and navigation: links to detail
src/List.jsx - Drum detail → Drums HTTP API: fetches drum
src/Single.jsx - Drums HTTP API → Drum detail: returns record
src/Single.jsx - New drum form → Drums HTTP API: submits drum
src/New.jsx - Drums HTTP API → New drum form: confirms submission
src/New.jsx - New drum form → Routes and navigation: navigates after save
src/New.jsx