data: add three new beginner-level projects to dataset

data/projects.json

@@ -219,4 +219,100 @@
     ],
     "starter_code": "starter_code/data_report.py"
   }
+
+  ,
+  {
+    "id": 8,
+    "title": "Number Guessing Game",
+    "skills": ["Python"],
+    "level": "Beginner",
+    "interest": "Games",
+    "time": "Low",
+    "description": "A fun command-line game where the computer picks a random number and the user tries to guess it. Great for learning loops, conditionals, and user input handling.",
+    "features": [
+      "Generate random number between 1 and 100",
+      "Give hints: too high or too low",
+      "Count number of attempts",
+      "Show final score at the end"
+    ],
+    "tech_stack": ["Python", "random module"],
+    "roadmap": [
+      "Step 1: Set up the Python file and import random module",
+      "Step 2: Generate a random number using random.randint()",
+      "Step 3: Write a loop to take user input",
+      "Step 4: Compare guess with the number",
+      "Step 5: Give hints if guess is too high or too low",
+      "Step 6: Count the number of attempts",
+      "Step 7: Display win message with attempt count"
+    ],
+    "resources": [
+      "Python random module: https://docs.python.org/3/library/random.html",
+      "W3Schools Python: https://www.w3schools.com/python",
+      "Real Python: https://realpython.com"
+    ],
+    "starter_code": "starter_code/number_guessing.py"
+  },
+  {
+    "id": 9,
+    "title": "Simple Email Automation",
+    "skills": ["Python"],
+    "level": "Beginner",
+    "interest": "Automation",
+    "time": "Low",
+    "description": "A Python script that sends automated emails using the smtplib library. Learn how to automate repetitive tasks and work with Python standard libraries.",
+    "features": [
+      "Compose and send emails via Python",
+      "Send to multiple recipients",
+      "Add subject and body text",
+      "Read recipient list from a text file"
+    ],
+    "tech_stack": ["Python", "smtplib", "email module"],
+    "roadmap": [
+      "Step 1: Set up Python file and import smtplib",
+      "Step 2: Configure sender email and password",
+      "Step 3: Write the email composition function",
+      "Step 4: Connect to Gmail SMTP server",
+      "Step 5: Send email to one recipient and test",
+      "Step 6: Read recipient list from a text file",
+      "Step 7: Loop through recipients and send to all"
+    ],
+    "resources": [
+      "Python smtplib docs: https://docs.python.org/3/library/smtplib.html",
+      "Real Python email guide: https://realpython.com/python-send-email",
+      "Gmail SMTP settings: https://support.google.com/mail"
+    ],
+    "starter_code": "starter_code/email_automation.py"
+  },
+  {
+    "id": 10,
+    "title": "Quiz App",
+    "skills": ["HTML", "CSS", "JavaScript"],
+    "level": "Beginner",
+    "interest": "Games",
+    "time": "Low",
+    "description": "A browser-based quiz app with multiple choice questions, a score counter, and a results screen. Perfect for practising DOM manipulation and event handling in JavaScript.",
+    "features": [
+      "Display one question at a time",
+      "Four multiple choice options per question",
+      "Show correct or incorrect feedback instantly",
+      "Display final score on results screen"
+    ],
+    "tech_stack": ["HTML", "CSS", "JavaScript"],
+    "roadmap": [
+      "Step 1: Create HTML structure for question and options",
+      "Step 2: Style the quiz card with CSS",
+      "Step 3: Store questions as a JavaScript array of objects",
+      "Step 4: Write a function to display each question",
+      "Step 5: Add click event listeners to option buttons",
+      "Step 6: Check the selected answer and update score",
+      "Step 7: Move to the next question automatically",
+      "Step 8: Show the results screen with final score"
+    ],
+    "resources": [
+      "MDN DOM guide: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model",
+      "JavaScript events: https://javascript.info/events",
+      "W3Schools JavaScript: https://www.w3schools.com/js"
+    ],
+    "starter_code": "starter_code/quiz_app.html"
+  }
 ]

starter_code/email_automation.py

@@ -0,0 +1,37 @@
+# Starter code: Simple Email Automation
+import smtplib
+import os
+from email.mime.text import MIMEText
+
+def send_email(sender, receiver, subject, body):
+    """Send an email using Gmail SMTP."""
+    # TODO: Step 1 — Get password safely from environment variable
+    # Never hardcode passwords in your code!
+    password = os.environ.get("EMAIL_PASSWORD")
+
+    # TODO: Step 2 — Create the email message
+    msg = MIMEText(body)
+    msg["Subject"] = subject
+    msg["From"] = sender
+    msg["To"] = receiver
+
+    # TODO: Step 3 — Connect to Gmail SMTP server
+    # with smtplib.SMTP_SSL("smtp.gmail.com", 465) as server:
+    #     server.login(sender, password)
+    #     server.send_message(msg)
+    pass
+
+def read_recipients(file_path):
+    """Read recipient emails from a text file."""
+    # TODO: Open the file and read emails line by line
+    # with open(file_path, "r") as f:
+    #     return [line.strip() for line in f.readlines()]
+    pass
+
+if __name__ == "__main__":
+    # Set EMAIL_PASSWORD in terminal before running:
+    # Windows: set EMAIL_PASSWORD=yourpassword
+    # Mac/Linux: export EMAIL_PASSWORD=yourpassword
+    sender = input("Enter your Gmail address: ")
+    receiver = input("Enter receiver email: ")
+    send_email(sender, receiver, "Hello", "This is a test email.")

starter_code/number_guessing.py

@@ -0,0 +1,19 @@
+# Starter code: Number Guessing Game
+import random
+
+def play_game():
+    """Main game function."""
+    number = random.randint(1, 100)
+    attempts = 0
+
+    print("Welcome to the Number Guessing Game!")
+    print("I am thinking of a number between 1 and 100.")
+
+    # TODO: Write a loop to take user input
+    # TODO: Compare guess with number
+    # TODO: Give hints: too high or too low
+    # TODO: Count attempts
+    # TODO: Display win message
+
+if __name__ == "__main__":
+    play_game()

starter_code/quiz_app.html

@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Quiz App</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      margin: 0;
+      background-color: #f0f0f0;
+    }
+
+    #quiz-container {
+      background: white;
+      padding: 2rem;
+      border-radius: 12px;
+      max-width: 500px;
+      width: 100%;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+      text-align: center;
+    }
+
+    #question-text {
+      font-size: 1.2rem;
+      margin-bottom: 1.5rem;
+      color: #333;
+    }
+
+    .option-btn {
+      display: block;
+      width: 100%;
+      padding: 0.75rem;
+      margin: 0.5rem 0;
+      font-size: 1rem;
+      border: 2px solid #ccc;
+      border-radius: 8px;
+      background: white;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+
+    .option-btn:hover {
+      background: #f0f0f0;
+    }
+
+    #score-display {
+      font-size: 1rem;
+      color: #555;
+      margin-top: 1rem;
+    }
+
+    #result-screen {
+      display: none;
+    }
+
+    /* TODO: Add styles for correct/incorrect feedback */
+    /* TODO: Add styles for result screen */
+  </style>
+</head>
+<body>
+
+  <div id="quiz-container">
+
+    <!-- Question Screen -->
+    <div id="question-screen">
+      <h2>Quiz App</h2>
+      <p id="question-text">Question goes here...</p>
+
+      <!-- Option Buttons -->
+      <button class="option-btn" onclick="checkAnswer(0)">Option A</button>
+      <button class="option-btn" onclick="checkAnswer(1)">Option B</button>
+      <button class="option-btn" onclick="checkAnswer(2)">Option C</button>
+      <button class="option-btn" onclick="checkAnswer(3)">Option D</button>
+
+      <p id="score-display">Score: 0</p>
+    </div>
+
+    <!-- Result Screen -->
+    <div id="result-screen">
+      <h2>Quiz Complete! 🎉</h2>
+      <p id="final-score">Your score: 0</p>
+      <button onclick="restartQuiz()">Play Again</button>
+    </div>
+
+  </div>
+
+  <script>
+    // TODO: Add your questions here as an array of objects
+    var questions = [
+      {
+        question: "What does HTML stand for?",
+        options: [
+          "Hyper Text Markup Language",
+          "High Tech Modern Language",
+          "Hyper Transfer Markup Language",
+          "Home Tool Markup Language"
+        ],
+        correct: 0
+      }
+      // TODO: Add more questions here
+    ];
+
+    var currentQuestion = 0;
+    var score = 0;
+
+    // TODO: Write displayQuestion() function
+    function displayQuestion() {
+      // Show current question and options
+    }
+
+    // TODO: Write checkAnswer() function
+    function checkAnswer(selectedIndex) {
+      // Check if selected answer is correct
+      // Update score
+      // Move to next question
+    }
+
+    // TODO: Write showResults() function
+    function showResults() {
+      // Hide question screen
+      // Show result screen with final score
+    }
+
+    // TODO: Write restartQuiz() function
+    function restartQuiz() {
+      // Reset score and question index
+      // Show question screen again
+    }
+
+    // Start quiz
+    displayQuestion();
+  </script>
+
+</body>
+</html>