← Back to articles

React · Integration

Keep demo persistence separate from the API contract

Ilmora demonstrates complete management screens while keeping its current browser demo and planned server integration distinct.

A React symbol bridges a local storage drawer and a separate cloud API server.
Keep browser demo storage and server integration behind a clear adapter.

Ilmora is a React and TypeScript madrasha-management frontend. Its public site and workspace support Bangla and English. The management areas include admissions, students, attendance, fees, funds and administration.

The delivered demo stores academic-session records in the browser and uploads in IndexedDB. Demo roles illustrate the interface; they are not server-enforced authentication. A typed service boundary and API adapter define the path toward Django integration without presenting the demo as an already connected backend.

Session-scoped data lets users explore different academic years separately. Monetary values use integer paisa, and date-only values keep calendar dates distinct from timestamps. These choices improve consistency at the presentation and service boundary.

The next server phase needs authenticated endpoints, server-side permissions, file handling and documented validation before API mode can be enabled. Frontend completion proves the delivered interface and demo workflows; it does not prove production payment, SMS or biometric integration.