Open link here

https://apilkc.github.io/archiquiz.github.io/

🏛️ Architecture Quiz - Level Up Challenge

An interactive quiz application testing knowledge of architecture and urban design across 5 progressive levels.

🎮 Features

• 4 Progressive Levels: From Basic Definitions to Expert Level
• Randomized Questions: Fresh questions every time you play
• Score Tracking: Points reset on wrong answers for added challenge
• Streak System: Build momentum with consecutive correct answers
• No Repetition: Questions don't repeat until all are completed
• Responsive Design: Works on desktop and mobile devices

🚀 How to Run

Option 1: Using Python (Recommended)

1. Make sure you have Python installed
2. Open terminal/command prompt in the quiz folder
3. Run: python3 -m http.server 8000
4. Open your browser and go to: http://localhost:8000

Option 2: Using Node.js

1. Install Node.js if you don't have it
2. Install a simple server: npm install -g http-server
3. Run: http-server -p 8000
4. Open your browser and go to: http://localhost:8000

Option 3: Using PHP

1. Make sure you have PHP installed
2. Run: php -S localhost:8000
3. Open your browser and go to: http://localhost:8000

🌐 Sharing with Others

Same WiFi Network

1. Find your IP address:
   • Mac/Linux: ifconfig | grep "inet " | grep -v 127.0.0.1
   • Windows: ipconfig | findstr "IPv4"
2. Share the URL: http://YOUR_IP_ADDRESS:8000
3. Anyone on the same WiFi can access it

Internet Sharing (Advanced)

For sharing over the internet, you can use:

• ngrok: ngrok http 8000 (creates a public URL)
• Heroku: Deploy as a web app
• GitHub Pages: Host the static files
• Netlify: Drag and drop deployment

📁 Files Included

• index.html - Main quiz interface
• styles.css - Styling and animations
• script.js - Quiz logic and functionality
• corrected_level_1_questions.json - Quiz questions database
• README.md - This instruction file

🎯 How to Play

1. Start Quiz - Click "Start Quiz" on the welcome screen
2. Answer Questions - Select from 4 multiple choice options
3. Progress Through Levels - Answer all 5 questions correctly to advance
4. Track Progress - Monitor your score, streak, and level progress
5. Complete the Challenge - Finish all 5 levels to become an Architecture Master!

🔧 Customization

Adding New Questions

Edit corrected_level_1_questions.json to add more questions:

{
    "id": 31,
    "level": 1,
    "category": "Basic Definitions",
    "question": "Your question here?",
    "options": {
        "A": "Option A",
        "B": "Option B",
        "C": "Option C",
        "D": "Option D"
    },
    "correct_answer": "A"
}

Changing Styling

Edit styles.css to customize colors, fonts, and layout.

📱 Mobile Compatibility

The quiz is fully responsive and works great on:

• Smartphones
• Tablets
• Desktop computers
• Any modern web browser

🎉 Enjoy the Quiz!

Test your architecture knowledge and challenge your friends to beat your score!