Skip to content

Commit 9a5fed4

Browse files
CopilotGeekTrainer
andcommitted
Update workshop content to reflect pure Astro app (remove Svelte references)
Co-authored-by: GeekTrainer <6109729+GeekTrainer@users.noreply.github.com>
1 parent 5006a9b commit 9a5fed4

11 files changed

Lines changed: 13 additions & 14 deletions

File tree

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Pets workshop
22

3-
This repository contains the project for two guided workshops to explore various GitHub features. The project is a website for a fictional dog shelter, with a [Flask](https://flask.palletsprojects.com/en/stable/) backend using [SQLAlchemy](https://www.sqlalchemy.org/) and [Astro](https://astro.build/) frontend using [Svelte](https://svelte.dev/) for dynamic pages.
3+
This repository contains the project for two guided workshops to explore various GitHub features. The project is a website for a fictional dog shelter, with a [Flask](https://flask.palletsprojects.com/en/stable/) backend using [SQLAlchemy](https://www.sqlalchemy.org/) and an [Astro](https://astro.build/) frontend using [Tailwind CSS](https://tailwindcss.com/).
44

55
## Getting started
66

content/1-hour/0-setup.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ With the repository created, it's now time to clone the repository locally. We'l
6969
The startup script will start two applications:
7070

7171
- The backend Flask app on [localhost:5100][flask-url]. You can see a list of dogs by opening the [dogs API][dogs-api].
72-
- The frontend Astro/Svelte app on [localhost:4321][astro-url]. You can see the [website][website-url] by opening that URL.
72+
- The frontend Astro app on [localhost:4321][astro-url]. You can see the [website][website-url] by opening that URL.
7373

7474
## Open your editor
7575

content/1-hour/1-add-endpoint.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ With code completions, GitHub Copilot provides suggestions in your code editor w
1010

1111
It's standard to work in phases when adding functionality to an application. Given that we know we want to allow users to filter the list of dogs based on breed, we'll need to add an endpoint to provide a list of all breeds. Later we'll add the rest of the functionality, but let's focus on this part for now.
1212

13-
The application uses a Flask app with SQLAlchemy as the backend API (in the [/server][server-code] folder), and an Astro app with Svelte as the frontend (in the [/client][client-code] folder). You will explore more of the project later; this exercise will focus solely on the Flask application.
13+
The application uses a Flask app with SQLAlchemy as the backend API (in the [/server][server-code] folder), and an Astro app as the frontend (in the [/client][client-code] folder). You will explore more of the project later; this exercise will focus solely on the Flask application.
1414

1515
> [!NOTE]
1616
> As you begin making changes to the application, there is always a chance a breaking change could be created. If the page stops working, check the terminal window you used previously to start the application for any error messages. You can stop the app by using <kbd>Ctl</kbd>+<kbd>C</kbd>, and restart it by running the script appropriate for your operating system: `./scripts/start-app.sh` (macOS / Linux) or `./scripts/start-app.ps1` (Windows PowerShell).

content/1-hour/3-copilot-instructions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ Let's create a Copilot instructions file. We'll start by asking Copilot to gener
6161
6262
## Frontend
6363
64-
- Built using Astro and Svelte
64+
- Built using Astro
6565
- TypeScript should use arrow functions rather than the function keyword
6666
- Pages should be in dark mode with a modern look and feel
6767
```

content/1-hour/4-add-feature.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ With Copilot Edits, you will add the files which need to be updated to the conte
1717

1818
## Add the filters to the dog list page
1919

20-
Adding the filters to the page will require updating a minimum of two files - the Flask backend and the Svelte frontend. Fortunately, Copilot Edits can update multiple files! Let's get our page updated with the help of Copilot Edits.
20+
Adding the filters to the page will require updating a minimum of two files - the Flask backend and the Astro frontend. Fortunately, Copilot Edits can update multiple files! Let's get our page updated with the help of Copilot Edits.
2121

2222
> [!NOTE]
2323
> Because Copilot Edits works best with auto-save enabled, we'll activate it. As we'll explore a little later in this exercise, Copilot Edits provides powerful tools to undo any changes you might not wish to keep.
@@ -29,7 +29,7 @@ Adding the filters to the page will require updating a minimum of two files - th
2929
5. Switch to edit mode by selecting **Edit** in the chat mode dropdown at the bottom of Chat view (should be currently **Ask**)
3030
6. If available, select **Claude 3.5 Sonnet** from the list of available models
3131
7. Select **Add Context...** in the chat window.
32-
8. Select **server/app.py** and **client/src/components/DogList.svelte** files (you need to select **Add context** for each file)
32+
8. Select **server/app.py** and **client/src/components/DogList.astro** files (you need to select **Add context** for each file)
3333
> [!TIP]
3434
> If you type the file names after clicking **Add context**, they will show up in the filter. You can also drag the files or right click file in explorer and select `Copilot -> Add File to Chat`)
3535
9. Ask Copilot to generate the update you want to the page, which is to add filters for both dog breed and if dogs are available for adoption. Use your own phrasing, ensuring the following requirements are met:

content/1-hour/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ As with any tool, there are a set of skills which need to be acquired, which is
99

1010
## Prerequisites
1111

12-
The application for the workshop uses is built primarily with Python (Flask and SQLAlchemy) and Astro (using Tailwind and Svelte). While experience with these frameworks and languages is helpful, you'll be using Copilot to help you understand the project and generate the code. As a result, as long as you are familiar with programming you'll be able to complete the exercises!
12+
The application for the workshop uses is built primarily with Python (Flask and SQLAlchemy) and Astro (using Tailwind). While experience with these frameworks and languages is helpful, you'll be using Copilot to help you understand the project and generate the code. As a result, as long as you are familiar with programming you'll be able to complete the exercises!
1313

1414
> [!NOTE]
1515
> When in doubt, you can always highlight a block of code you're unfamiliar with and ask GitHub Copilot chat for an explanation!

content/full-day/3-codespaces.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,6 @@ Before rebuilding the container, let's add **GitHub.copilot** to the list of ext
7373
"ms-azuretools.vscode-azure-github-copilot",
7474
"alexcvzz.vscode-sqlite",
7575
"astro-build.astro-vscode",
76-
"svelte.svelte-vscode",
7776
"ms-python.python",
7877
"ms-python.vscode-pylance"
7978
]

content/full-day/5-context.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ This is an application to allow people to look for dogs to adopt. It is built in
8080

8181
## Frontend
8282

83-
- Built using Astro and Svelte
83+
- Built using Astro
8484
- Pages should be in dark mode with a modern look and feel
8585
```
8686

content/full-day/6-code.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -72,17 +72,17 @@ With the route created, we want to now add the tests to ensure the code is corre
7272

7373
## Add the filters
7474

75-
Adding the filters to the page will require updating a minimum of three files - the Flask backend, the unit tests for our Flask backend, and the Svelte frontend. Fortunately, Copilot Edits can update multiple files! Let's get our page updated with the help of Copilot Edits.
75+
Adding the filters to the page will require updating a minimum of three files - the Flask backend, the unit tests for our Flask backend, and the Astro frontend. Fortunately, Copilot Edits can update multiple files! Let's get our page updated with the help of Copilot Edits.
7676

7777
1. Open the following files in your IDE (which we'll point Copilot chat to for context):
7878
- **server/app.py**
7979
- **server/test_app.py**
80-
- **client/src/components/DogList.svelte**
80+
- **client/src/components/DogList.astro**
8181
2. Open GitHub Copilot Chat.
8282
3. Switch to edit mode by selecting **Edit** in the chat mode dropdown at the bottom of Chat view (should be currently **Ask**)
8383
4. If available, select **Claude 3.7 Sonnet** for the model.
8484
5. Select **Add Context...** in the chat window.
85-
6. Select **server/app.py**, **client/src/components/DogList.svelte** and **server/test_app.py** files (you need to select **Add context** for each file)
85+
6. Select **server/app.py**, **client/src/components/DogList.astro** and **server/test_app.py** files (you need to select **Add context** for each file)
8686
> [!TIP]
8787
> If you type the file names after clicking **Add context**, they will show up in the filter. You can also drag the files or right click file in explorer and select `Copilot -> Add File to Chat`)
8888
7. Ask Copilot to perform the operation you want, to update the page to add the filters. It should meet the following requirements:

content/full-day/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ This workshop is built to help guide you through some of the most common DevOps
1515

1616
## Prerequisites
1717

18-
The application for the workshop uses is built primarily with Python (Flask and SQLAlchemy) and Astro (using Tailwind and Svelte). While experience with these frameworks and languages is helpful, you'll be using Copilot to help you understand the project and generate the code. As a result, as long as you are familiar with programming you'll be able to complete the exercises!
18+
The application for the workshop uses is built primarily with Python (Flask and SQLAlchemy) and Astro (using Tailwind). While experience with these frameworks and languages is helpful, you'll be using Copilot to help you understand the project and generate the code. As a result, as long as you are familiar with programming you'll be able to complete the exercises!
1919

2020
## Required resources
2121

0 commit comments

Comments
 (0)