How edilson-nantes/meu-setup-v2 works
MeuSetup is a React portal for assembling and saving a compatible gaming-PC component setup, alongside account and help pages. The main flow is: a visitor opens Setup, filters and selects parts, and can save the configuration under their account; Redux holds the current selections and Firebase supplies component and account data. The graph also preserves the documented-in-code login, registration, password recovery, saved configurations, and admin page. Relationship evidence is limited to the supplied excerpts and source index; unsampled internals are not inferred.
Main entry points: App.js App Router · setup/index.js Setup Page · firebase.js Firebase Setup · store/index.js Redux Store
Components 25
Application
- App Router
src/App.js - Home
src/view/home/index.js - Help
src/view/ajuda/index.js
Setup Builder
- Setup Page
src/view/setup/index.js - CPU Selector
src/components/componentcpu/index.js - Motherboard Selector
src/components/componentmb/index.js - RAM Selector
src/components/componentram/index.js - GPU Selector
src/components/componentgpu/index.js - Power Selector
src/components/componentpwr/index.js - Chosen Parts
src/components/chosencomponents/index.js - Saved Setups
src/view/minhasconfiguracoes/index.js - Setup Display
src/components/minhaconfig/index.js
Client State
- State Actions
src/actions/configActions.js - User Actions
src/actions/userActions.js - Redux Store
src/store/index.js - Setup Reducer
src/reducers/configReducer.js - User Reducer
src/reducers/usuarioReducer.js
Accounts
- Login
src/view/login/index.js - Registration
src/view/cadastrar/index.js - Password Recovery
src/view/recuperarsenha/index.js - Account Page
src/view/minhaconta/index.js - Admin Panel
src/view/paineladmin/index.js
Backend Service
- Firebase Setup
src/config/firebase.js - Firebase
Other components
- Visitor
Connections 32
- Visitor → App Router: opens
- App Router → Home: routes
src/App.js - App Router → Help: routes
src/App.js - App Router → Setup Page: routes
src/App.js - App Router → Login: routes
src/App.js - App Router → Registration: routes
src/App.js - App Router → Password Recovery: routes
src/App.js - App Router → Saved Setups: routes
src/App.js - App Router → Account Page: routes
src/App.js - App Router → Admin Panel: routes
src/App.js - App Router → Redux Store: provides state
src/App.js - Setup Page → Firebase Setup: queries parts
src/view/setup/index.js - Firebase Setup → Firebase: initializes
src/config/firebase.js - Setup Page → CPU Selector: renders
src/view/setup/index.js - Setup Page → Motherboard Selector: renders
src/view/setup/index.js - Setup Page → RAM Selector: renders
src/view/setup/index.js - Setup Page → GPU Selector: renders
src/view/setup/index.js - Setup Page → Power Selector: renders
src/view/setup/index.js - Setup Page → Chosen Parts: renders
src/view/setup/index.js - Chosen Parts → State Actions: dispatches
src/components/chosencomponents/index.js - Login → User Actions: calls login
src/view/login/index.js - Registration → Firebase Setup: creates account
src/view/cadastrar/index.js - Saved Setups → Firebase Setup: loads setups
src/view/minhasconfiguracoes/index.js - Saved Setups → Setup Display: renders
src/view/minhasconfiguracoes/index.js - Login → Redux Store: reads state
src/view/login/index.js - Chosen Parts → Redux Store: reads state
src/components/chosencomponents/index.js - Redux Store → Setup Reducer: combines reducers
src/store/index.js - Redux Store → User Reducer: combines reducers
src/store/index.js - User Actions → Firebase Setup: uses auth
src/actions/userActions.js - Password Recovery → Firebase Setup: uses Firebase
src/view/recuperarsenha/index.js - Account Page → Firebase Setup: uses Firebase
src/view/minhaconta/index.js - Admin Panel → Firebase Setup: uses Firebase
src/view/paineladmin/index.js