An Arabic-first platform for a blood donation initiative, pairing public campaign information with secure event administration.
MY ROLE
Volunteer contribution within a collaborative full-stack project; specific individual module ownership remains unstated until documented.
STATUS
In development · Content and medical review pending
TECH STACK
ReactTypeScriptNestJSPrismaPostgreSQLRTL
01 — CONTEXT
The problem
A campaign needs clear, accessible information for visitors and a secure, reliable way for organizers to manage event details without exposing internal data.
02 — APPROACH
The system
A responsive React experience connects to a NestJS API. Prisma and PostgreSQL persist events, administration sessions, and revision history. A protected editor publishes validated event updates to public pages.
ArchitectureSimplified system flow
01
Visitors / Admin
Public access · Management
→↓02
React Frontend
Arabic-first · RTL
→↓03
NestJS API
Validation · Events
↓Connected from NestJS API↳
Auth / Sessions
Secure cookies · Access
→↓04
PostgreSQL / Prisma
Data · Revisions
03 — IMPLEMENTATION
Engineering highlights
Used revocable server-side admin sessions, secure cookies, CSRF/origin validation, and database-backed login throttling.
Handled concurrent event edits with revision matching, transactional updates, and audit snapshots.
Kept database credentials and administrative history server-side, exposing only public-safe event information.
Built Arabic-first responsive and keyboard-aware screens with reusable UI primitives.
04 — REALITY CHECK
Scope & transparency
The preliminary donation guidance is not an approved medical eligibility determination. Donor registration, QR attendance, certificates, Wallet cards, and WhatsApp features are planned, not shipped. Production hosting and operational approvals remain pending.
