How elfadiliaymen/fil-rouge-hirehub-frontend works
HireHub is a React recruiting frontend for candidates and hiring staff. Users enter through registration or login, then role-protected routes lead to dashboards and domain pages. The application presents public job listings and supports recruiting workflows for offers, CVs, applications, interviews, users, and profiles; these pages exchange data with the HireHub backend through the API client. Authentication stores and reads JWT session claims in browser storage, while route guards enforce client-side access. The excerpts show concrete API calls for authentication, dashboards, offers, applications, users, and interviews; links for other domain pages reflect documented capabilities, not inspected call sites.
Main entry points: App.jsx Route application · api.jsx HTTP API client · Auth.jsx Sign in and register · Offres Job offers
Components 17
App entry and access
- Route application
src/App.jsx - Public pages
src/component/PublicLayout.jsx - Protected pages
src/component/ProtectedLayout.jsx - Role guard
src/component/RoleGuard.jsx - Sign in and register
src/auth/Auth.jsx
Recruiting workflows
- Job offers
src/pages/Offres - Candidate CVs
src/pages/Cvs - Applications
src/pages/Candidatures - Interviews
src/pages/Entretiens
Accounts and overview
- Dashboard
src/pages/Dashboard.jsx - User administration
src/pages/Users - User profile
src/pages/Profile.jsx
Session and API
- JWT session
src/component/token.jsx - HTTP API client
src/api/api.jsx
Other components
- Candidate or staff
- Browser local storage
- HireHub backend API
Connections 24
- Candidate or staff → Route application: opens
- Route application → Sign in and register: routes
- Route application → Public pages: routes
- Route application → Protected pages: routes
- Route application → Role guard: checks roles
- Route application → Job offers: routes
- Route application → Applications: routes
- Route application → Candidate CVs: routes
- Route application → Interviews: routes
- Route application → User administration: routes
- Route application → Dashboard: routes
- Route application → User profile: routes
- Sign in and register → HTTP API client: sends auth requests
- Sign in and register → JWT session: saves session
- JWT session → Browser local storage: reads and writes
- Dashboard → HTTP API client: loads summaries
- Job offers → HTTP API client: manages offers
- Job offers → HTTP API client: loads CVs to apply
- Candidate CVs → HTTP API client: manages CVs
- Applications → HTTP API client: manages applications
- Interviews → HTTP API client: manages interviews
- User administration → HTTP API client: manages users
- User profile → HTTP API client: updates profile
- HTTP API client → HireHub backend API: sends HTTP requests