MERN Stack Heart Puzzle & Quiz Challenge Game | Academic Project Demo | UOB | 2525456

Welcome to my academic project submission video!
This application is a complete interactive brain-challenge game built using the MERN Stack (MongoDB, Express, React, Node.js) with user authentication, score tracking, and external API integration.

This video includes a full walkthrough of the system, code explanation, design principles, and critical reflection required for my coursework.

🚀 Project Features

🧩 Heart Puzzle Game (API-Driven)
Uses Marc Conrad’s Heart Puzzle API
Dynamic countdown timer
Score + level progression
3-life chance system
Game-over handling with SweetAlert2

🧠 Quiz Challenge Game
Uses OpenTDB Multiple-Choice Quiz API
Randomized questions + answers
Instant feedback
Score, level & chance tracking

🔐 User Authentication System
Sign Up / Login using MERN
Password hashing with Bcrypt
JWT-based authentication
LocalStorage session handling
SweetAlert2 stylish error & success messages

🏆 Leaderboard System
Stores highest score per user
Retrieves top players from database
Sorted highest-to-lowest
Updated only when user beats their previous score

🧱 Technology Stack
Frontend: React.js, React Router, CSS, SweetAlert2
Backend: Node.js, Express.js
Database: MongoDB & Mongoose
Other: JWT, Bcrypt, External APIs

🧩 Architecture & Design
Low coupling & high cohesion structure
Individual reusable components
Separated controllers, routes, and models
Event-driven interactions for gameplay
Interoperability with third-party APIs

🔄 External API Communication
Heart Puzzle Game API
Open Trivia Quiz API
Backend Score Update API

🎤 What This Video Covers
Full gameplay demo
Code explanation
Software architecture breakdown
Event-driven programming explanation
Security reasoning (passwords, JWT)
Critical reflection

📂 GitHub Repository
🔗 Source Code : https://github.com/NilaxsanSE/Heart-Quiz-Game-2525456.git

Thank you for watching!
If you’d like to see the full source code, feel free to comment below.

Видео MERN Stack Heart Puzzle & Quiz Challenge Game | Academic Project Demo | UOB | 2525456 канала S. Nilaxsan