This is a two-page educational web application game for kids to learn about South African provinces, landmarks, and cities. The game follows a Hangman-like style where kids guess letters to reveal the location.
πΏπ¦ Mzansi Trivia - Discover South Africa
π Overview
**Mzansi Trivia** is a two-page educational web game designed to teach kids about South Africaβs landmarks, provinces, and cities in a fun and interactive way.
Players guess letters to reveal the name of a location, similar to Hangman, with **images and hints** to help them learn.
π― Features
Two Pages:
Landing Page: Introduction, game rules, and "Play Now" button.
Game Page: Interactive guessing game with hints and landmark images.
Kid-Friendly UI/UX:
- Colorful buttons and playful typography.
- Responsive design for mobile, tablet, and desktop.
Educational:
Teaches South African geography, culture, and famous landmarks.
Interactive Gameplay:
6 wrong guesses allowed before the game ends.
- Victory and defeat messages.
Exception Handling:
- JavaScript try/catch blocks to handle unexpected errors.
MzansiTrivia/
βββ public/ # Static assets (images, favicon, etc.)
βββ src/
β βββ components/ # React components or UI modules
β βββ data/ # Trivia questions and location data
β βββ pages/ # Main game and results pages
β βββ App.js # Main application component
β βββ index.js # Entry point for React app
β βββ styles/ # CSS or SCSS files
βββ package.json # Project metadata and dependencies
βββ README.md # Project documentation
βββ LICENSE # License file
How to play use link:
lindanko.github.io