Arabic Snakes and Ladders: A Real-Time Educational Game

This project is a modern, web-based re-imagining of the classic Snakes and Ladders board game, designed as an educational tool for learning Arabic. The game transforms a traditional pastime into an interactive and collaborative learning experience. It operates in real-time, allowing multiple students to play together on one device while a teacher or supervisor acts as a referee on a separate device, creating a dynamic classroom environment.
The core gameplay is enhanced with an educational twist: landing on a ladder or a snake triggers a multiple-choice question about Arabic vocabulary. A correct answer allows a player to climb a ladder or avoid sliding down a snake, directly tying academic performance to in-game progress.

Key Features:

• Real-Time Multiplayer: Built with Flask-SocketIO and WebSocket technology, the game state is instantly synchronized across all connected devices, ensuring a seamless multiplayer experience.
• Dual-Screen Interface: The application features two distinct views: a shared "Player View" for students (displaying the game board, pawns, and questions) and a "Referee View" for the teacher (showing answers and providing controls to validate student responses).
• Interactive Quiz System: Landing on special squares presents players with Arabic language questions, which are managed and served from a JSON file, making the question bank easily expandable.
• Dynamic Game Logic: All game rules, including dice rolls, pawn movements, and win conditions, are securely handled on the server-side with Python and Flask to maintain game integrity.
• Modern Frontend: The user interface is built with HTML, CSS, and vanilla JavaScript, featuring a responsive game board and animated elements to create an engaging visual experience.
• Lobby System: Players join a game room using a unique, randomly generated code, allowing for private and organized game sessions.

Technology Stack:

• Backend: Python, Flask, Flask-SocketIO
• Frontend: HTML5, CSS3, JavaScript (ES6)
• Real-Time Communication: WebSocket
• Deployment: Replit

This project demonstrates my ability to build a full-stack, real-time web application from concept to deployment, integrating backend logic with a dynamic frontend to create a functional and engaging user experience.