How mayaz120102/roktoshetu-frontend-v1 works
RoktoShetu is a role-based blood and emergency network frontend: requesters manage blood requests, donors discover requests and respond, hospitals manage requests and blood stock, and admins manage users and requests. The main flow spans account access, request creation, donor response, and hospital/admin oversight. The README is only the Vite template; product capabilities are inferred from the route tree and sampled pages. Several domain pages were not sampled, so their backend wiring is not shown.
Main entry points: axios.js API client · App.jsx Route application · ProtectedRoute.jsx Role guard · AuthContext.jsx Auth state
Components 22
App and access
- Route application
src/App.jsx - Role guard
src/components/ProtectedRoute.jsx - Role dashboard
src/layouts/DashboradLayout.jsx - API client
src/api/axios.js
Accounts
- Auth state
src/context/AuthContext.jsx - Sign in
src/pages/Login.jsx - Account registration
src/pages/Register.jsx - Password recovery
src/pages/ForgotPassword.jsx - Password reset
src/pages/ResetPassword.jsx - User profile
src/pages/Profile.jsx
Requester workflow
- My requests
src/pages/requester/MyRequests.jsx - Request create/edit
src/pages/requester/RequestForm.jsx - Request responses
src/pages/requester/RequestResponses.jsx
Donor workflow
- Open requests
src/pages/donor/OpenRequests.jsx - My responses
src/pages/donor/MyResponses.jsx
Hospital and admin
- Hospital requests
src/pages/hospital/HospitalRequests.jsx - Blood stock
src/pages/hospital/Stock.jsx - Hospital approval
src/pages/hospital/PendingApproval.jsx - All requests
src/pages/admin/AllRequests.jsx - User administration
src/pages/admin/Users.jsx
Other components
- Network user
- Application backend
Connections 21
- Network user → Route application: opens
- Route application → Auth state: provides auth
- Route application → Role guard: routes through
- Role guard → Role dashboard: renders allowed
- Network user → Sign in: signs in
- Network user → Account registration: registers
- Network user → Password recovery: requests recovery
- Network user → Password reset: resets password
- Auth state → API client: checks and logs in
- API client → Application backend: sends requests
- My requests → API client: loads and changes
- Request create/edit → API client: submits request
- Request responses → API client: loads responses
- Open requests → API client: loads and responds
- My responses → API client: loads history
- Hospital requests → API client: uses endpoints
- Blood stock → API client: reads and updates
- Hospital approval → API client: uses endpoints
- All requests → API client: uses endpoints
- User administration → API client: loads and updates
- User profile → API client: uses endpoints