update repo

.gitignore

@@ -1,4 +1,6 @@
 node_modules/
 .env
+.env.local
+.vercel/
 .DS_Store
 .vscode/

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "sqltools.connections": [
+    {
+      "previewLimit": 50,
+      "driver": "SQLite",
+      "name": "db sql",
+      "database": "db.sql"
+    }
+  ],
+  "cSpell.words": ["apod", "Desta", "Galactica"]
+}

assets/courses/foundation/Intro-to-agile/Trello.txt

@@ -0,0 +1,2 @@
+
+https://trello.com/b/opBYR6Ge/bake-birthday-cake

assets/courses/foundation/databases/db.sql

@@ -0,0 +1,30 @@
+--1 How many tasks are in the task table?
+SELECT COUNT(*) FROM task;
+
+--2 How many tasks in the task table do not have a valid due date?
+ SELECT COUNT(*) AS invalid_due_dates FROM task WHERE due_date IS NULL;
+
+--3 Find all the tasks that are marked as done.
+ SELECT * FROM task WHERE status_id = 3;
+
+--4 Find all the tasks that are not marked as done.
+SELECT * FROM task WHERE status_id != 3;
+
+--5 Get all the tasks, sorted with the most recently created first.
+SELECT * FROM task ORDER BY created DESC;
+
+--6 Get the single most recently created task.
+SELECT * FROM task ORDER BY created DESC LIMIT 1;
+
+--7 Get the title and due date of all tasks where the title or description contains database.
+SELECT title, due_date FROM task WHERE title LIKE '%database%' OR description LIKE '%database%';
+
+--8 Get the title and status (as text) of all tasks.
+SELECT t.title, s.name FROM task t LEFT JOIN status s ON  t.status_id = s.id;
+
+--9 Get the name of each status, along with a count of how many tasks have that status.
+SELECT s.name AS status, COUNT(t.id) AS status_count FROM status s LEFT JOIN task t ON t.status_id = s.id GROUP BY s.id, s.name;
+
+--10 Get the names of all statuses, sorted by the status with most tasks first.
+SELECT s.name, COUNT(*) AS status_count FROM task t JOIN status s ON t.status_id = s.id 
+GROUP BY s.name ORDER BY status_count DESC;

assets/courses/foundation/git/week1/countries.txt

@@ -0,0 +1,3 @@
+Ethiopia
+USA 
+Sweden

assets/courses/foundation/git/week1/my-favourite-food.txt

@@ -0,0 +1,26 @@
+Fish Balls (Simple Home Recipe)
+
+Ingredients:
+- 500 g white fish fillets (cod, pollock or haddock), skin removed
+- 1 egg, lightly beaten
+- 2 spring onions, finely chopped
+- 2 cloves garlic, minced
+- 1 teaspoon soy sauce
+- 1 teaspoon sesame oil
+- 1/2 teaspoon salt (adjust to taste)
+- 1/4 teaspoon white or black pepper
+- 3 tablespoons cornstarch (plus extra for dusting)
+- Vegetable oil, for frying or cooking
+
+Instructions:
+1. Chop the fish into small pieces and place into a large bowl or food processor.
+2. Add the egg, spring onions, garlic, soy sauce, sesame oil, salt and pepper.
+3. Pulse or mix until you get a smooth, sticky paste. If too loose, add 1 tablespoon cornstarch at a time until the mixture holds together.
+4. Wet your hands and shape the mixture into small balls (about 1" / 2–3 cm diameter).
+5. Option A — Boil: Bring a pot of water to a gentle boil and drop the fish balls in. Cook until they float (3–5 minutes). Remove with a slotted spoon.
+   Option B — Pan-fry: Heat 2–3 tablespoons vegetable oil in a skillet and shallow-fry the fish balls, turning occasionally, until golden and cooked through (about 6–8 minutes).
+6. Serve hot with dipping sauce, in noodle soup, or as a snack.
+
+Tips:
+- For a springier texture, chill the fish paste for 30 minutes before shaping.
+- You can substitute a mixture of fish and shrimp for a different flavor.

assets/courses/foundation/git/week1/my-second-favorite-food.txt

@@ -0,0 +1,27 @@
+Vegetable Stir-Fry with Garlic Sauce
+
+Ingredients:
+- 3 cups mixed vegetables (broccoli florets, bell peppers, carrots, snap peas)
+- 200 g firm tofu or sliced mushrooms (optional)
+- 3 cloves garlic, minced
+- 1 tbsp fresh ginger, minced
+- 2 tbsp soy sauce
+- 1 tbsp oyster sauce (or vegetarian alternative)
+- 1 tsp sugar
+- 1 tbsp sesame oil
+- 2 tbsp vegetable oil for frying
+- 1 tbsp cornstarch mixed with 3 tbsp water (slurry)
+
+Instructions:
+1. Prepare all vegetables and proteins, cutting into bite-sized pieces.
+2. Heat vegetable oil in a wok or large skillet over high heat.
+3. Add garlic and ginger, stir-fry briefly until fragrant (20–30 seconds).
+4. Add tofu or mushrooms, fry until lightly browned.
+5. Add vegetables and stir-fry for 3–5 minutes until crisp-tender.
+6. Mix soy sauce, oyster sauce, sugar and sesame oil; pour over the vegetables.
+7. Add cornstarch slurry and stir until the sauce thickens and coats the vegetables.
+8. Serve immediately over steamed rice or noodles.
+
+Variations:
+- Add chili flakes or fresh chilies for heat.
+- Swap tofu for chicken or shrimp for a non-vegetarian version.

courses/foundation/intro-to-frontend/HYFBay/hyfBayHelpers.js → assets/courses/foundation/intro-to-frontend/HYFBay/hyfBayHelpers.js

@@ -57,7 +57,7 @@ window.getAvailableProducts = function () {
   const numberOfAvailableProducts = getRandomInt(0, 30);
   const availableProducts = Array.apply(
     null,
-    Array(numberOfAvailableProducts),
+    Array(numberOfAvailableProducts)
   ).map(() => {
     const name = getRandomProductName();
     return {

courses/foundation/intro-to-frontend/HYFBay/index.html → assets/courses/foundation/intro-to-frontend/HYFBay/index.html

@@ -8,7 +8,16 @@
   />
 </head>
 <body>
-  <main></main>
+  <main>
+    <header>
+      <h1>HYF-Bay🤑</h1>
+      <p>Your Favorite Marketplace</p>
+    </header>
+    <section class="products-section">
+      <h2>Products</h2>
+      <ul id="product-list" class="product-item"></ul>
+    </section>
+  </main>
   <script src="hyfBayHelpers.js"></script>
   <script src="main.js"></script>
 </body>

assets/courses/foundation/intro-to-frontend/HYFBay/main.css

@@ -0,0 +1,31 @@
+body {
+  font-family: "Open Sans", sans-serif;
+  background-color: #f9fbfd;
+  padding: 20px;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body,
+h1,
+h2 {
+  margin: 0;
+  text-align: center;
+}
+.products-section {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+.product-item {
+  display: flex;
+  flex-direction: column;
+  margin: 20px 0 10px 30px;
+  list-style-type: none;
+  background-color: lightyellow;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 0 10px rgba(0, 0,
+  0, 0.1);
+}

assets/courses/foundation/intro-to-frontend/HYFBay/main.js

@@ -0,0 +1,22 @@
+console.log("Script loaded");
+
+const products = getAvailableProducts();
+console.log(products);
+
+// This should create the ul and the li's with the individual products details
+
+function renderProducts(products) {
+  const productList = document.getElementById("product-list");
+
+  products.forEach((product) => {
+    const listItem = document.createElement("li");
+    listItem.classList.add("product-item");
+    listItem.innerHTML = `${product.name}
+  Price: $${product.price.toFixed(2)}
+Rating: ${product.rating} / 10
+    `;
+    productList.appendChild(listItem);
+  });
+}
+
+renderProducts(products);

assets/courses/foundation/intro-to-frontend/HogwartsHouseGenerator/hogwarts.js

@@ -0,0 +1,74 @@
+const houses = [
+  {
+    name: "Gryffindor",
+    description:
+      "Gryffindor values courage, bravery, nerve and chivalry. Its mascot is the lion, and its colours are scarlet and gold. The Gryffindor motto is Their daring, nerve and chivalry set Gryffindors apart. The Head of this house is the Transfiguration teacher and Deputy Headmistress, Minerva McGonagall, and the house ghost is Sir Nicholas de Mimsy-Porpington, more commonly known as Nearly Headless Nick. According to Rowling, Gryffindor corresponds roughly to the element of fire. The founder of the house is Godric Gryffindhighest towers, the entrance to which is located on the seventh floor in the east wing of the castle and is guarded by a painting of The Fat Lady, who is garbed in a pink dress. She permits entry only after being given the correct password, as was distinguished in the third book, when Sirius Black tried forcing entry into the tower, only to be blocked by The Fat Lady after he could not give the correct password. In the first book, Neville Longbottom tends to forget the password and must wait near the painting until other Gryffindors arrive to open the way.",
+    image:
+      "https://harrypottercrazies.weebly.com/uploads/1/8/4/4/18445957/4778832.jpg",
+  },
+  {
+    name: "Hufflepuff",
+    description:
+      "Hufflepuff house values hard work, patience, justice, and loyalty. The house mascot is the badger, and the house colours are yellow and black. The Hufflepuff motto is Those patient Hufflepuffs are true and unafraid of toil. The head of this house is the Herbology professor, Pomona Sprout, and the house ghost is the Fat Friar. According to Rowling, Hufflepuff corresponds roughly to the element of earth. The founder of this house is Helga Hufflepuff. The Hufflepuff dormitories and common room are located near the castle kitchens, in a cozy nook that can be reached through a stack of large barrels in a nook near the kitchens. The entrance is concealed by a large barrel; to gain entry, one must tap the barrel in a certain rhythm (which changes from time to time) to open it up. The common room is a vast underground cavern with earthy tones, low ceilings, and numerous plants and fungi growing from the walls. There are many cozy chairs and sofas around small fireplaces, as well as low tables for studying and socializing.",
+    image:
+      "https://harrypottercrazies.weebly.com/uploads/1/8/4/4/18445957/3077859.jpg?303",
+  },
+  {
+    name: "Ravenclaw",
+    description:
+      'Ravenclaw values intelligence, creativity, learning, and wit. The house mascot is an eagle and the house colours are blue and bronze blue and grey in the films. The Ravenclaw motto is "Wit beyond measure is man\'s greatest treasure." The head of this house is the Charms professor, Filius Flitwick, and the house ghost is The Grey Lady. According to Rowling, Ravenclaw corresponds roughly to the element of air. The founder of this house is Rowena Ravenclaw. The dormitories are located in Ravenclaw Tower, on the west side of Hogwarts. The common room, which went undescribed in the series until the climax of Deathly Hallows, is round and filled with blue hangings and armchairs, has a domed ceiling painted with stars and features a replica statue of Rowena wearing her diadem. Harry also notes that Ravenclaws "have a spectacular view of the surrounding mountains"',
+    image:
+      "https://harrypottercrazies.weebly.com/uploads/1/8/4/4/18445957/1177755.jpg?264",
+  },
+  {
+    name: "Slytherin",
+    description:
+      "Slytherin house values ambition, cunning, leadership, and resourcefulness; the Sorting Hat said in Harry Potter and the Philosopher's Stone that Slytherins will do anything to get their way. The house mascot of Slytherin is the serpent, and the house colours are green and silver. The Slytherin motto is Slytherin will help you on your way to greatness. Salazar Slytherin founded the house. The Head of House is Severus Snape until near the end of the sixth book. Then, Horace Slughorn, the previous Head of House, comes out of retirement re-assuming authority. The ghost of Slytherin house is The Bloody Baron. According to Rowling, Slytherin corresponds roughly to the element of water. The Slytherin dormitories and common room are reached through a bare stone wall in the dungeons. The Slytherin common room is a long, low, dungeon-style room, located under the Hogwarts Lake, furnished with green lamps and carved armchairs. The room is described in the second book as having a greenish glow.",
+    image:
+      "https://harrypottercrazies.weebly.com/uploads/1/8/4/4/18445957/987119.jpg?250",
+  },
+];
+
+const usernameInput = document.getElementById("username");
+const getHouseBtn = document.getElementById("getHouseBtn");
+const retryBtn = document.getElementById("retryBtn");
+const houseResult = document.getElementById("houseResult");
+const houseName = document.getElementById("houseName");
+const houseDescription = document.getElementById("houseDescription");
+const houseImage = document.getElementById("houseImage");
+
+let lastHouseIndex = -1; // Track the last selected house index
+
+function getRandomHouse() {
+  const username = usernameInput.value.trim();
+  if (username === "") {
+    houseResult.textContent = "Please enter your name to get sorted!";
+    houseResult.classList.remove("hidden");
+    return;
+  }
+
+  // Generate a new random index that is not the same as the last one
+  let randomIndex;
+  do {
+    randomIndex = Math.floor(Math.random() * houses.length);
+  } while (randomIndex === lastHouseIndex);
+  lastHouseIndex = randomIndex; // Update last index
+
+  const house = houses[randomIndex];
+
+  houseName.textContent = `You belong in ${house.name}!`;
+  houseDescription.textContent = house.description;
+  houseImage.src = house.image;
+
+  houseResult.textContent = `${username} belongs in ${house.name}!`;
+  houseResult.classList.remove("error", "hidden");
+
+  // Change button text after first click
+  if (getHouseBtn.textContent === "Get a House") {
+    getHouseBtn.textContent = "Assign New House";
+  }
+  retryBtn.classList.remove("hidden");
+}
+
+getHouseBtn.addEventListener("click", getRandomHouse);
+retryBtn.addEventListener("click", getRandomHouse);

assets/courses/foundation/intro-to-frontend/HogwartsHouseGenerator/index.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="styles.css" />
+    <title>Hogwarts House generator</title>
+  </head>
+  <body>
+    <div class="container">
+      <h1>Hogwarts House generator</h1>
+
+      <label for="username">Username:</label>
+      <input
+        id="username"
+        class="input-text"
+        type="text"
+        placeholder="Enter your name.."
+      />
+      <button id="getHouseBtn">Get a House</button>
+      <button id="retryBtn" class="hidden">Try Again</button>
+
+      <p id="houseResult" class="error hidden"></p>
+
+      <h2 id="houseName"></h2>
+      <div class="house-info">
+        <img
+          src="https://harrypottercrazies.weebly.com/uploads/1/8/4/4/18445957/3554216.jpg?320"
+          id="houseImage"
+          class="house-img"
+          alt="house-image"
+        />
+        <p id="houseDescription"></p>
+      </div>
+    </div>
+    <script src="hogwarts.js"></script>
+  </body>
+</html>