How phuongle2312/fandomverse-techwiz works
FandomVerse is a React SPA for exploring fandom content across seven categories, searching and viewing media, and interacting with merchandise, accounts, and an admin area. The main visitor flow enters through the app router, browses category content or searches across content types, then can save bookmarks or proceed through cart and checkout to order history. The README also describes chatbot, trailer, event, and character features. The supplied tree omits the documented JSON data directory, and sampled excerpts do not establish all page-to-service wiring, so uncertain links are left out.
Main entry points: App.jsx Router and providers · storageService.js Browser storage service · CategoryHub.jsx Category hub · TrailersHub.jsx Trailer hub
Components 22
App shell
- Router and providers
src/App.jsx - Chatbot widget
src/components/interactive/ChatbotWidget.jsx - Chatbot service
src/services/chatbotService.js
Fandom discovery
- Home
src/pages/Home.jsx - Category hub
src/pages/CategoryHub.jsx - Content detail
src/pages/ContentDetail.jsx - Trailer hub
src/pages/TrailersHub.jsx - Search results
src/pages/SearchResults.jsx - Search service
src/services/searchService.js - Category data hook
src/hooks/useCategoryData.js
Commerce
- Merchandise
src/pages/Merchandise.jsx - Cart state
src/context/CartContext.jsx - Checkout
src/pages/Checkout.jsx - Order history
src/pages/OrdersHistory.jsx
Accounts and saved items
- Authentication state
src/context/AuthContext.jsx - Bookmarks
src/pages/Bookmarks.jsx - Browser storage service
src/services/storageService.js
Content operations
- Data service
src/services/dataService.js - Admin pages
src/pages/admin
Other components
- Visitor
- Browser storage
- YouTube embeds
Connections 23
- Visitor → Router and providers: opens
- Router and providers → Home: routes
- Router and providers → Category hub: routes
- Router and providers → Content detail: routes
- Router and providers → Trailer hub: routes
- Router and providers → Search results: routes
- Router and providers → Merchandise: routes
- Router and providers → Checkout: routes
- Router and providers → Bookmarks: routes
- Router and providers → Order history: routes
- Router and providers → Admin pages: routes
- Category hub → Category data hook: loads data
- Category data hook → Data service: reads category
- Search results → Search service: searches
- Search service → Data service: scans records
- Chatbot widget → Chatbot service: requests replies
- Cart state → Browser storage service: persists cart
- Bookmarks → Browser storage service: persists saves
- Authentication state → Browser storage service: persists session
- Checkout → Browser storage service: records orders
- Order history → Browser storage service: loads orders
- Browser storage service → Browser storage: reads and writes
- Trailer hub → YouTube embeds: embeds videos