STAT 103 – Statistical Thinking App

🤖 How to Build This App with AI & Deploy on GitHub

Follow these 6 simple steps — no coding experience required. Use Claude, ChatGPT, or DeepSeek to generate the app, then host it for free on GitHub Pages.

✨ Choose your AI assistant

🧠 Claude (Anthropic) 🌊 DeepSeek 💬 ChatGPT (GPT-4/3.5) 🐙 GitHub Pages (free)

Each AI can generate a complete, self-contained HTML/CSS/JS quiz app from a simple prompt.

1 Write a clear prompt for the AI

Copy and paste this prompt into Claude, ChatGPT, or DeepSeek:

          "Create a self-contained HTML/CSS/JS quiz app for STAT103 Statistical Thinking. 
          Include 20 multiple-choice questions per chapter (Ch 0: Introduction to Statistical Thinking, 
          Ch1: Data & Descriptive Statistics, Ch2: Probability & Distributions, Ch3: Statistical Inference, 
          Ch4: Study Design & Data Ethics). Add a dropdown to switch chapters, show score, 
          check answers, and reset. Make it mobile-friendly and visually clean. 
          Base questions on the textbook at https://szhang.quarto.pub/stat103/ and syllabus at https://rpubs.com/scsustat/stat103syllabus"
        

💡 Pro tip: Provide the syllabus links to help AI generate realistic statistics questions.

2 Generate & test the HTML code

AI will produce a complete HTML document. Copy all the code. On your computer:

Open a text editor (Notepad, VS Code, or TextEdit)
Paste the code
Save as index.html
Double-click the file to test it in your browser

✅ The quiz should work immediately on your phone or computer.

3 Create a GitHub account & repository

1. Go to github.com and sign up (free).
2. Click the + icon → New repository.
3. Name it (e.g., stat103-quiz-app). Keep it Public.
4. Click Create repository.

4 Upload your index.html file

In your new repository page:

Click Add file → Upload files
Drag and drop your index.html file
Write a commit message like "Add STAT103 quiz app"
Click Commit changes

5 Enable GitHub Pages (free hosting)

1. Go to repository Settings (tab at top).
2. In left sidebar, click Pages.
3. Under "Branch", select main (or master) and /(root) folder.
4. Click Save.
5. After 1-2 minutes, your app is live at:
https://<your-username>.github.io/<repository-name>/

🌐 Example: If your username is "johndoe" and repo is "stat103-quiz-app", URL becomes:
https://johndoe.github.io/stat103-quiz-app/

6 Share & update your app

Share the GitHub Pages link with classmates or instructors. To update:

Ask AI to modify the app (e.g., "add a dark mode" or "add 20 more questions")
Copy the new code → save as index.html again
In GitHub, upload the new file (overwrite) → commit
Website updates automatically in 1-2 minutes

🎯 Example prompts to extend your app

          • "Add a timer that shows how long it takes to complete the quiz."

          • "Save the user's progress using localStorage so answers persist after refresh."

          • "Generate 20 new realistic questions for Chapter 2 about probability distributions."

          • "Add a progress bar showing how many questions have been answered."

          • "Include a 'Show answers' button that reveals the correct answers."

⚡ Quick Reference Card
• AI Tools: Claude, ChatGPT, DeepSeek → paste prompt → get HTML → save as index.html
• GitHub: Create repo → upload index.html → Settings → Pages → branch: main → Save
• Result: Free, mobile-friendly web app accessible anywhere
• Course Links: RPubs Syllabus | STAT103 Textbook

🔓 This entire app (quizzes + guide) was built with AI assistance — and you can replicate it in under 10 minutes.

📊 STAT 103 Statistical Thinking