How santosv06/foundationvne works
Fundación VNE is a multilingual public-information and donation website with volunteer intake and a private request-management panel. The main workflow is a visitor submitting a volunteer application, which is validated and screened before being stored and optionally emailed; administrators then authenticate to review and manage requests. The graph also preserves public pages, donations, and owner operations. Some backend details are represented from SOURCE INDEX references and README statements rather than inspected implementation excerpts.
Main entry points: __root.tsx App shell · volunteer-functions.ts Form server actions · shell.tsx Site layout · solicitudes.tsx Request admin panel
Components 24
Public website
- App shell
src/routes/__root.tsx - Site layout
src/components/shell.tsx - Home page
src/routes/index.tsx - Program pages
src/routes/casas.tsx - Leadership page
src/routes/liderazgo.tsx - Support page
src/routes/soporte.tsx - Legal pages
src/routes/legal.$slug.tsx - Donations page
src/routes/donaciones.tsx - Card payment gateway
src/components/citybank-gateway.tsx
Volunteer workflow
- Volunteer form
src/routes/voluntariado.tsx - Form server actions
src/lib/volunteer-functions.ts - Request validation
src/lib/volunteer-schema.ts - Turnstile verification
src/lib/turnstile.server.ts - Volunteer service
src/lib/volunteer-service.server.ts - Application database
src/lib/db.ts - Brevo email
src/lib/brevo-email.server.ts
Administration
- Request admin panel
src/routes/solicitudes.tsx - Owner operations UI
src/components/admin-operations.tsx
Shared services
- Translation engine
src/lib/i18n/translate.ts - Translation catalog
src/lib/i18n/catalog.ts - Localized metadata
src/lib/i18n/seo.ts
Other components
- Visitor
- Citibank
- Brevo
Connections 31
- Visitor → App shell: opens site
- App shell → Site layout: renders layout
src/routes/__root.tsx - App shell → Home page: routes to
src/routeTree.gen.ts - App shell → Program pages: routes to
src/routeTree.gen.ts - App shell → Leadership page: routes to
src/routeTree.gen.ts - App shell → Support page: routes to
src/routeTree.gen.ts - App shell → Legal pages: routes to
src/routeTree.gen.ts - App shell → Donations page: routes to
src/routeTree.gen.ts - App shell → Volunteer form: routes to
src/routeTree.gen.ts - App shell → Request admin panel: routes to
src/routeTree.gen.ts - Visitor → Volunteer form: fills application
README.md - Volunteer form → Form server actions: submits to
src/routes/voluntariado.tsx - Form server actions → Request validation: validates with
src/lib/volunteer-functions.ts - Form server actions → Turnstile verification: verifies token
src/lib/volunteer-functions.ts - Form server actions → Volunteer service: saves request
src/lib/volunteer-functions.ts - Volunteer service → Application database: reads and writes
src/lib/volunteer-service.server.ts - Form server actions → Brevo email: sends notices
src/lib/volunteer-functions.ts - Brevo email → Brevo: delivers email
README.md - Request admin panel → Form server actions: manages requests
src/routes/solicitudes.tsx - Request admin panel → Owner operations UI: renders tools
src/routes/solicitudes.tsx - Request admin panel → Volunteer service: loads admin data
- Donations page → Card payment gateway: renders gateway
src/routes/donaciones.tsx - Card payment gateway → Citibank: opens card payment
README.md - App shell → Translation engine: provides language
src/routes/__root.tsx - Translation engine → Translation catalog: looks up translations
src/lib/i18n/translate.ts - App shell → Localized metadata: localizes metadata
src/routes/__root.tsx - Home page → Site layout: uses layout
src/routes/index.tsx - Program pages → Site layout: uses layout
src/routes/casas.tsx - Donations page → Site layout: uses layout
src/routes/donaciones.tsx - Volunteer form → Site layout: uses layout
src/routes/voluntariado.tsx - Request admin panel → Site layout: uses layout
src/routes/solicitudes.tsx