GCP website

[daloopy]

Have a basic ADA-compliant website running on GCP

[daloopy]

Q: Is our website Static or Dynamic? Static websites appear the same for every user. Changes are only shown when a developer changes the website. Dynamic websites have different appearances for each user. Will this be needed since we will use usernames/passwords? https://codelabs.developers.google.com/codelabs/cloud-webapp-hosting-gcs#0

I believe it should begin static and might remain static. Username/password will first only be for admin, only needed for security purposes.

[daloopy]

How to deploy Hello World application on GCP App Engine: https://www.youtube.com/watch?v=ZGn5ahF6Bv0

GCP Sample repo: https://github.com/GoogleCloudPlatform/python-docs-samples

Hello World Python app: https://github.com/GoogleCloudPlatform/python-docs-samples/tree/main/appengine/standard_python3/hello_world

[daloopy]

Q: What languages will we use for the website? If there's no requirement, I vote python since it'll be easiest. Also using HTML and CSS. ChatGPT suggests React or Angular (JS)

Q: Should the website code remain in this repository but in a new folder? Or should we create a new repo? I believe we should remain in this repo but use a new folder.

[daloopy]

From Sarah's Doc. The system should:

• Upload, update, rate, and download packages represented as zipped files. (via REST-ful API)
• Should also reset to default system state

Must be ADA-compliant. This mainly happens with design later. Restrict access. This will be implemented later.

[daloopy]

How to run, you will need 2 terminals:

In terminal 1 navigate into the frontend folder cd website/website build the frontend npm run build run the build npm start

In terminal 2 navigate into the backend folder cd website/backend run the server node server.js

The frontend - terminal 1 can be viewed at localhost:3000 "Hello from server!" is shown on the screen. The backend - terminal 2 can be viewed at localhost:8080 launch new port 8080 is shown on the screen localhost:8080/message will show the message sent to the frontend {"message":"Hello from server!"} is shown on the screen