How samshe531/client-bricolink works
Bricolink is a React marketplace for finding building and repair professionals, with professional registration, profile management, and admin review. The main visitor workflow loads professionals and presents the validated list; users can register or log in, while authenticated professionals can submit or update profiles and administrators can review pending applications and manage users. The graph follows the visible React routing, Redux dispatches, and API calls. Several page and state-module details are unsampled, so their internal links are omitted.
Main entry points: App.js App and routes · bPro.action.js Professional actions · auth.action.js Authentication actions · Home.jsx Marketplace home
Components 26
Web experience
- App and routes
src/App.js - Marketplace home
src/pages/home/Home.jsx
Professional marketplace
- Professional listings
src/components/listeValide/ListeValide.jsx - Professional card
src/components/cardProfessional/CardProfessional.jsx - Specialty filter
src/components/filteringBySpec/FilterBySpec.jsx - Professional application
src/components/form/Form.jsx - Location choices
src/components/form/cities.js - Professional profile
src/pages/professionalProfile/ProfessionalProfile.jsx - Edit professional
src/components/updateProfessional/UpdateProfessional.jsx - Professional actions
src/JS/actions/bPro.action.js - Professional action types
src/JS/actionType/bPro.actionType.js - Professional state
src/JS/reducers/bPro.reducer.js
Identity and state
- Registration page
src/pages/register/Register.jsx - Login page
src/pages/login/Login.jsx - Authentication actions
src/JS/actions/auth.action.js - Authentication action types
src/JS/actionType/auth.actionType.js - Redux store
src/JS/store/store.js - Redux reducers
src/JS/reducers/index.js - Auth state
src/JS/reducers/auth.reducer.js
Administration
- Pending applications
src/pages/listeEnAttente/listeEnAttente.jsx - User actions
src/JS/actions/user.action.js - User action types
src/JS/actionType/user.actionType.js - User dashboard
src/pages/dashBoard/DashBoard.jsx - User list
src/components/listUsers/ListUsers.jsx
Other components
- Visitor
- Backend API
Connections 35
- Visitor → App and routes: opens
- App and routes → Marketplace home: routes to
src/App.js - App and routes → Registration page: routes to
src/App.js - App and routes → Login page: routes to
src/App.js - App and routes → Pending applications: routes to
src/App.js - App and routes → Professional application: routes to
src/App.js - App and routes → Professional profile: routes to
src/App.js - App and routes → Edit professional: routes to
src/App.js - App and routes → User dashboard: routes to
src/App.js - App and routes → Authentication actions: checks session
src/App.js - App and routes → Professional actions: loads professionals
src/App.js - Marketplace home → Professional actions: requests list
src/pages/home/Home.jsx - Marketplace home → Professional listings: renders
src/pages/home/Home.jsx - Professional listings → Professional card: renders
src/components/listeValide/ListeValide.jsx - Professional listings → Specialty filter: renders
src/components/listeValide/ListeValide.jsx - Professional card → User actions: uses validation control
src/components/cardProfessional/CardProfessional.jsx - Registration page → Authentication actions: submits registration
src/pages/register/Register.jsx - Login page → Authentication actions: submits credentials
src/pages/login/Login.jsx - Authentication actions → Backend API: sends auth requests
src/JS/actions/auth.action.js - Authentication actions → Authentication action types: dispatches
src/JS/actions/auth.action.js - Professional actions → Backend API: requests professional data
src/JS/actions/bPro.action.js - Professional actions → Professional action types: dispatches
src/JS/actions/bPro.action.js - Professional profile → Professional actions: loads profile
src/pages/professionalProfile/ProfessionalProfile.jsx - Edit professional → Professional actions: submits update
src/components/updateProfessional/UpdateProfessional.jsx - Professional application → Professional actions: submits application
src/JS/actions/bPro.action.js - Professional application → Location choices: uses location options
src/components/form/Form.jsx - Edit professional → Location choices: uses location options
src/components/updateProfessional/UpdateProfessional.jsx - Pending applications → Professional actions: loads pending list
src/pages/listeEnAttente/listeEnAttente.jsx - User dashboard → User actions: loads users
src/pages/dashBoard/DashBoard.jsx - User dashboard → User list: renders
src/pages/dashBoard/DashBoard.jsx - Redux store → Redux reducers: configures
src/JS/store/store.js - Redux reducers → Auth state: combines
src/JS/reducers/index.js - Redux reducers → Professional state: combines
src/JS/reducers/index.js - Auth state → Authentication action types: handles
src/JS/reducers/auth.reducer.js - Professional state → Professional action types: handles
src/JS/reducers/bPro.reducer.js