IBVP - Training Web Applications

IBVP (Institut la Bible à Votre Portée) trains students spread across several French-speaking African countries, who primarily follow their curriculum from their phones with often limited internet connectivity. The institute needed two distinct yet consistent interfaces: one for administrators managing enrollments, cohorts, and finances, and one for students accessing their courses and exams.

The challenge was to design two PWAs sharing the same architecture, capable of:

• Working offline and being installable on the home screen
• Covering the entire student journey, from enrollment to graduation
• Providing comprehensive administrative tracking with invoice generation
• Enabling real-time communication between teachers and students

1. Admin dashboard — Management interface displaying students awaiting class assignment, unvalidated registrations, and quick actions (class assignment, WhatsApp follow-up), with full cohort lifecycle management (creation, start, pause, closure).
2. Personalized student space — Home page displaying the student's profile, progress (current chapter and section), available catch-up exams, teacher contact details, and quick access to courses, exams, and discussions.
3. Multi-format exam system — Four exam modes (current, catch-up, late submission, past exam review) with three question types (multiple choice, short answer, matching), automatic grading for MCQs, and detailed score display — student-side for taking exams, admin-side for grading and tracking submissions.
4. Real-time messaging — Class chat integrated in both applications with participant lists, online presence indicators, push notifications via service worker, and downloadable PDF summaries. Administrators can open/close discussions and moderate exchanges.
5. Payments and invoicing — Student-side: balance tracking, online payment via mobile money (Kkiapay), and downloadable PDF invoices. Admin-side: full payment history, professional invoice generation, and promotional/scholarship code management.
6. Built-in teacher mode — Dedicated interface for senior students authorized to supervise a class: cohort dashboard, student roster, weekly exam tracking, and discussion moderation.
7. Offline PWA — Installable apps with resource caching via Workbox, push notifications, and automatic synchronization upon reconnection.