XP Academy - University of Bahrain

Our Project

Abstract

This project introduces a gamified web application designed to enhance learning for both instructors and students. By integrating gaming elements into an educational platform, the system addresses challenges such as procrastination and lack of motivation, restoring engagement and focus in the learning process. Instructors benefit from built‑in performance monitoring tools that provide insights into student progress and support those less inclined to participate in class. Developed with modern web technologies, secure communication, and AI‑powered recommendations, the system successfully combines usability, innovation, and engagement, demonstrating that education can be both effective and enjoyable.

The Problem

Students often struggle with procrastination and lack of focus, which leads to disengagement and poor academic performance. Limited interaction with instructors, weak motivation, and monotonous study methods further contribute to this challenge.

Main Ideas

Our system introduces gamification and interactive tools to transform the learning experience. By fostering accountability, motivation, and communication, we aim to create a secure and engaging platform that helps students build consistent study habits.

Goals

Analyze students’ study challenges and needs.
Design a gamified system architecture to encourage motivation.
Enable interactive communication between instructors and students.
Test usability, performance, and effectiveness in improving focus.

Methodology

The system was implemented by converting the design into a functional prototype using modern tools and frameworks. Development relied on GitHub for collaboration, VS Code for coding, PostgreSQL with Supabase for database and storage, and JWTs for secure authentication. A custom RESTful API connected the frontend (Next.js, TypeScript, Tailwind) with the backend, while Supabase buckets and file‑processing packages enabled AI‑powered quiz generation through the OpenAI API. Docker ensured cross‑platform compatibility, and deployment was handled via Vercel (frontend) and Render (backend). Testing validated usability, performance, and overall system reliability.

Tools & Technologies

Development & Collaboration

GitHub

React.js

Node.js

Prisma

Database & Security

PostgreSQL

Supabase

RESTful API

Docker

AI & Analytics

OpenAI

Chart.js

Deployment

Vercel

Render

Sketches & Database Design

Results

The system successfully integrated gamification, secure communication, and AI‑powered features into a functional prototype. Testing confirmed that the platform improved usability, engagement, and performance monitoring, while maintaining reliability and scalability across different environments. Students demonstrated increased motivation and focus, and instructors benefited from clear insights into progress and participation.

Conclusion & Future Work

In conclusion, the project achieved its goal of combining gaming elements with education to create a secure, engaging, and practical learning system. The platform balanced innovation with usability, offering value to both students and instructors. Future work will focus on expanding analytics, enhancing personalization through AI, and scaling deployment to support broader adoption across diverse academic settings.

University of Bahrain