From 5b0b2fbf85d9d2f9c2236c5eb5f52ea26a602647 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakob=20Str=C3=B6m?= Date: Tue, 8 Oct 2024 00:21:15 +0200 Subject: [PATCH 1/2] Executable Tutorial Proposal --- .../jakstrom-lavo/README.md | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 contributions/executable-tutorial/jakstrom-lavo/README.md diff --git a/contributions/executable-tutorial/jakstrom-lavo/README.md b/contributions/executable-tutorial/jakstrom-lavo/README.md new file mode 100644 index 000000000..3c9d88d13 --- /dev/null +++ b/contributions/executable-tutorial/jakstrom-lavo/README.md @@ -0,0 +1,27 @@ +# Assignment Proposal + +## Title + +Using GitHub Pages to Launch a Prototype of Your Web Service + +## Names and KTH ID + + - Jakob Ström (jakstrom@kth.se) + - Carl Lavö (lavo@kth.se) + +## Deadline + +- Task 3 + +## Category + +- Executable tutorial + +## Description + +In our tutorial we will show how to set up a demo for your web service using the pages function of GitHub to give you a working bootstrap and not having to find a hosting solution. Instead only requiring a GitHub organisation. + +**Relevance** + +Being able to rapidly prototype is a very useful tool in the beginning of creating a web service. Not having to spend time on setting up back-end solutions and instead being able to focus on working out features. Using GitHub pages is according to us one of the simplest solutions for doing this and unlike Canva Pro and Adobe XD also available for free. + From f1e3096feb84af6a376fb4c87f73a7760289a6da Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakob=20Str=C3=B6m?= Date: Thu, 10 Oct 2024 00:07:16 +0200 Subject: [PATCH 2/2] Updated the proposal --- .../executable-tutorial/jakstrom-lavo/README.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/contributions/executable-tutorial/jakstrom-lavo/README.md b/contributions/executable-tutorial/jakstrom-lavo/README.md index 3c9d88d13..5bbe5efac 100644 --- a/contributions/executable-tutorial/jakstrom-lavo/README.md +++ b/contributions/executable-tutorial/jakstrom-lavo/README.md @@ -2,7 +2,7 @@ ## Title -Using GitHub Pages to Launch a Prototype of Your Web Service +Using Github Actions in combination with GitHub Pages to launch your Vue web service ## Names and KTH ID @@ -19,9 +19,11 @@ Using GitHub Pages to Launch a Prototype of Your Web Service ## Description -In our tutorial we will show how to set up a demo for your web service using the pages function of GitHub to give you a working bootstrap and not having to find a hosting solution. Instead only requiring a GitHub organisation. +In our tutorial we will show how to set up a demo for your Vue web service using the pages function of GitHub combined with how to set up a github Action workflow to deploy it. In this specific example we will be using Vue since we have used it in previous computer science courses at KTH. The tutorial is aimed to give you a working Vue bootstrap that is available for others to test online without having to find a hosting solution. + +The technical changes needed compared to a regular Jekyll github pages page, is creating a .yml to build vue, changing the routing of your vue application to use hash routing instead and deploying a correct file structure to a separate branch. -**Relevance** -Being able to rapidly prototype is a very useful tool in the beginning of creating a web service. Not having to spend time on setting up back-end solutions and instead being able to focus on working out features. Using GitHub pages is according to us one of the simplest solutions for doing this and unlike Canva Pro and Adobe XD also available for free. +**Relevance** +Being able to give others access is a very useful tool in the beginning of creating a web service. Not having to spend time on setting up back-end solutions and instead being able to focus on working out features. Using github pages is according to us one of the simplest solutions for doing this and unlike Canva Pro and Adobe XD also available for free.