+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nisi quisquam
+ culpa eius reiciendis, quaerat et voluptas atque quos eligendi in
+ officia dolore cumque ipsam sapiente corrupti placeat a. Repellendus,
+ magnam?
+
+
+
+
+
+
diff --git a/MRF-Project/main.js b/MRF-Project/main.js
new file mode 100644
index 0000000..1b34699
--- /dev/null
+++ b/MRF-Project/main.js
@@ -0,0 +1,39 @@
+function addNewBook(book_obj) {
+ const h3_tag = document.createElement("h3");
+ h3_tag.textContent = book_obj?.name;
+
+ const img_tag = document.createElement("img");
+ img_tag.src = book_obj?.image;
+ img_tag.alt = book_obj?.name;
+
+ const p_tag = document.createElement("p");
+ p_tag.innerHTML = `author: ${book_obj?.author}
+ publishData: ${book_obj?.publishData}
+ genre: ${book_obj?.genre.join(", ")}`;
+
+ const div_tag = document.createElement("div");
+ div_tag.classList.add("card");
+
+ div_tag.appendChild(h3_tag);
+ div_tag.appendChild(img_tag);
+ div_tag.appendChild(p_tag);
+
+ document.getElementById("container").appendChild(div_tag);
+}
+
+const book_api_url =
+ "https://raw.githubusercontent.com/Star-Academy/codestar-documents/master/static/datasets/books.json";
+
+fetch(book_api_url)
+ .then((response) => response.json())
+ .then((data) => {
+ data.forEach((book_obj) => {
+ addNewBook(book_obj);
+ });
+
+ console.log(data);
+ })
+ .catch((error) => {
+ alert("There was a problem fetching the data.");
+ console.error(error);
+ });
From 844143f82c4173d92b5e0d33e00cd06480fbd916 Mon Sep 17 00:00:00 2001
From: Mr MRF <79112136+Mr-MRF-Dev@users.noreply.github.com>
Date: Tue, 23 Jul 2024 20:45:21 +0330
Subject: [PATCH 3/4] Create index.html
---
index.html | 11 +++++++++++
1 file changed, 11 insertions(+)
create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b1912c2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+ Team 09
+
+
+ MRF Project
+
+
\ No newline at end of file
From 53571014db4e9ac8ae1a82d8750195ef56cbc92d Mon Sep 17 00:00:00 2001
From: Mr MRF <79112136+Mr-MRF-Dev@users.noreply.github.com>
Date: Tue, 23 Jul 2024 20:50:03 +0330
Subject: [PATCH 4/4] Added static page
---
.github/workflows/static.yml | 43 ++++++++++++++++++++++++++++++++++++
1 file changed, 43 insertions(+)
create mode 100644 .github/workflows/static.yml
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
new file mode 100644
index 0000000..f2c9e97
--- /dev/null
+++ b/.github/workflows/static.yml
@@ -0,0 +1,43 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+ # Runs on pushes targeting the default branch
+ push:
+ branches: ["main"]
+
+ # Allows you to run this workflow manually from the Actions tab
+ workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+ contents: read
+ pages: write
+ id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+ group: "pages"
+ cancel-in-progress: false
+
+jobs:
+ # Single deploy job since we're just deploying
+ deploy:
+ environment:
+ name: github-pages
+ url: ${{ steps.deployment.outputs.page_url }}
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout
+ uses: actions/checkout@v4
+ - name: Setup Pages
+ uses: actions/configure-pages@v5
+ - name: Upload artifact
+ uses: actions/upload-pages-artifact@v3
+ with:
+ # Upload entire repository
+ path: '.'
+ - name: Deploy to GitHub Pages
+ id: deployment
+ uses: actions/deploy-pages@v4