How harold474/saludya_frontend works
SaludYa is a React frontend for a medical appointment portal with patient, clinician, and administrator views. The main workflow is patient registration or login, browsing clinicians and availability, booking or rescheduling an appointment, and then reviewing or cancelling it; clinicians manage appointment status, while administrators manage users and the global agenda. The frontend calls a separately hosted API. The README describes only the React/Vite template, so product capabilities here are inferred from the sampled components and route wiring; recovery-password implementation details were not sampled.
Main entry points: App.jsx Routes and session · Login.jsx Sign in · main.jsx React bootstrap · Registro.jsx Patient registration
Components 13
Application shell
- React bootstrap
src/main.jsx - Routes and session
src/App.jsx - Home page
src/components/Home.jsx
Identity
- Browser storage
- Sign in
src/components/Login.jsx - Patient registration
src/components/Registro.jsx - Password recovery
src/components/RecuperarPassword.jsx
Patient appointments
- Book or reschedule
src/components/VistaPaciente.jsx - My appointments
src/components/MisCitas.jsx
Staff operations
- Clinician agenda
src/components/VistaMedico.jsx - Admin panel
src/components/PanelAdmin.jsx
Other components
- Portal user
- SaludYa API
Connections 18
- Portal user → React bootstrap: opens portal
- React bootstrap → Routes and session: renders
src/main.jsx - Routes and session → Home page: routes to
src/App.jsx - Routes and session → Sign in: routes to
src/App.jsx - Routes and session → Patient registration: routes to
src/App.jsx - Routes and session → Password recovery: routes to
src/App.jsx - Routes and session → My appointments: guards patient route
src/App.jsx - Routes and session → Book or reschedule: guards patient route
src/App.jsx - Routes and session → Clinician agenda: guards clinician route
src/App.jsx - Routes and session → Admin panel: guards admin route
src/App.jsx - Routes and session → Browser storage: loads and clears session
src/App.jsx - Sign in → Browser storage: stores user
src/components/Login.jsx - Sign in → SaludYa API: posts credentials
src/components/Login.jsx - Patient registration → SaludYa API: posts registration
src/components/Registro.jsx - Book or reschedule → SaludYa API: loads doctors and slots; submits appointment
src/components/VistaPaciente.jsx - My appointments → SaludYa API: loads and cancels appointments
src/components/MisCitas.jsx - Clinician agenda → SaludYa API: loads agenda and updates status
src/components/VistaMedico.jsx - Admin panel → SaludYa API: loads and changes staff, agenda, and appointments
src/components/PanelAdmin.jsx