Quex
Integrity without Compromise
A modern offline-first examination platform designed for schools, universities, and educational institutions. Quex simplifies the entire examination lifecycleβfrom exam creation and student management to secure exam delivery, automated grading, and performance analytics.
Built as a Progressive Web App (PWA), the platform continues to work even with unstable internet connections by storing answers locally and synchronizing them automatically once connectivity is restored.
π Overview
Quex was created to address the biggest challenges of online examinations: unreliable internet connections, limited accessibility, weak anti-cheat systems, and complex user experiences.
The platform combines modern web technologies with a security-first architecture, allowing educational institutions to conduct reliable online assessments while providing a smooth experience for both teachers and students.
β¨ Features
π Secure Examination
Quex protects exam integrity through multiple built-in security mechanisms, including fullscreen enforcement, tab-switch detection, automatic violation tracking, secure student verification, session isolation, password hashing, and CSRF protection.
πΆ Offline-First Experience
The platform continues operating even when the internet connection is interrupted by leveraging Service Workers, IndexedDB, and Background Sync, ensuring student progress is never lost.
βΏ Accessibility
Accessibility is a core part of the platform, with support for keyboard navigation, screen readers, Text-to-Speech, RTL layouts, high-contrast themes, and bilingual Arabic & English exams.
π Administration & Analytics
Comprehensive dashboards allow administrators and teachers to manage exams, monitor students, generate access codes, import CSV files, and analyze detailed performance reports through interactive charts.
π Technology Stack
| Backend | Frontend | Infrastructure |
|---|---|---|
| Python | Vanilla JavaScript | Progressive Web App |
| Flask | Jinja2 | Service Worker |
| PostgreSQL | Vanilla CSS | IndexedDB |
| Flask-WTF | Chart.js | Background Sync |
| Flask-Session | Lucide Icons | Gunicorn |
Integrations
- DeepL API
- Google Text-to-Speech (gTTS)
π Architecture
Student
β
Browser (PWA)
β
Service Worker
β
Flask Application
β
PostgreSQL
π‘ Highlights
- Offline-first architecture
- Enterprise-grade security
- Accessibility-first design
- Automated grading
- Interactive analytics
- Responsive Single Page Application
- Arabic & English bilingual support
- Modern administrator and teacher dashboards
π¨βπ» My Contributions
- Designed the application architecture.
- Developed the backend using Flask and PostgreSQL.
- Built the examination workflow and question management system.
- Implemented the offline synchronization mechanism.
- Developed the anti-cheat system.
- Designed the database schema.
- Built analytics dashboards and reporting features.
- Optimized the user experience across desktop and mobile devices.
π Future Roadmap
- AI-powered question generation
- AI-assisted essay and code grading
- Live proctoring
- Real-time monitoring dashboard
- Multi-language interface
- Advanced reporting
- LMS integrations
- Public REST API
Quex demonstrates how modern web technologies can be combined to build a secure, accessible, and reliable examination platform for educational institutions worldwide.