Skip to content

Commit e3d9c5a

Browse files
committed
Start of rewriting the app to make it easier
1 parent 932a91a commit e3d9c5a

11 files changed

+483
-402
lines changed

.env.sample

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
PGHOST=localhost
2+
PGPORT=5432
3+
PGUSER=postgres
4+
PGPASSWORD=secret
5+
PGDATABASE=postgres

.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,4 @@
11
node_modules
2+
.env
3+
db
4+
compose.yaml

docs/01-introduction.md

Lines changed: 11 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,5 @@
11
# 👋 Welcome!
22

3-
Welcome to this Labspace focused on teaching you, in a hands-on way, about the various concepts of tools of Docker.
4-
5-
## 📋 Learning objectives
6-
73
In this Labspace, you're going to gain familiarity with Docker and many of its core components. Specifically, you'll get to do the following:
84

95
- Learn about the role of containers and images
@@ -15,38 +11,26 @@ In this Labspace, you're going to gain familiarity with Docker and many of its c
1511

1612
The new AI-focused aspects of Docker's tooling will not be covered in this overview. That will be covered in another Labspace.
1713

18-
## 💻 App overview
19-
20-
The application we will be working with is Memes-R-Us, a fun website that simply displays memes and a welcome message.
21-
22-
Throughout this lab, you will be making changes to the application.
2314

24-
To start the app, complete the following steps:
2515

26-
1. If you have started VS Code yet in the panel to the right, click the **Load VS Code here** button.
16+
## 💻 The Memes-R-Us website
2717

28-
2. In a terminal, install the Node dependencies by running the following command:
18+
For the remainder of this lab, you are a member of the Memes-R-Us development team. Congrats! 🎉
2919

30-
```sh
31-
npm install
32-
```
20+
The Memes-R-Us app is a simple website that displays memes and a welcome message.
3321

34-
3. Start the app by running the following command:
22+
![Memes-R-Us website](/docs/images/memes-r-us.png)
3523

36-
```sh
37-
npm run dev
38-
```
3924

40-
This is going to start the app in "dev mode", which means file changes will cause the app to automatically reload.
4125

42-
Eventually, you should see the following output:
26+
## Your task
4327

44-
```plaintext no-copy-button
45-
Server is running on port 3000
46-
```
28+
Your task is fairly simple - update the website with a new message and containerize the app.
4729

48-
4. Open your browser to http://localhost:3000. You should see the Memes-R-Us website!
30+
But, in order to make this update and verify it works, you'll need to complete the following tasks:
4931

50-
## Next steps
32+
1. Setup your development environment to run the app
33+
2. Make the update to site.
34+
3. Containerize the app and prepare it for deployment
5135

52-
Now that you have the site up and running and a few changes applied to it, we're ready for the next feature!
36+
Don't worry! You'll have help all along the way. Let's get to it!

0 commit comments

Comments
 (0)