{"id":16197638,"url":"https://github.com/hongbo-wei/aws","last_synced_at":"2026-02-13T23:31:26.673Z","repository":{"id":253168390,"uuid":"842613519","full_name":"hongbo-wei/aws","owner":"hongbo-wei","description":"Hongbo's real-world projects build with Amazon Web Services 📙","archived":false,"fork":false,"pushed_at":"2025-10-22T05:26:49.000Z","size":40,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-22T07:22:47.741Z","etag":null,"topics":["amazon","amazon-web-services","aws","cloud","cloud-computing","javascript","vite","vitejs","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://hongbo-wei.notion.site/AWS-UAE-AI-Camp-f7c3b03044574213ad3aa7d3b626368c?pvs=4","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hongbo-wei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-14T17:51:14.000Z","updated_at":"2025-10-22T05:26:53.000Z","dependencies_parsed_at":"2024-12-12T04:32:40.524Z","dependency_job_id":null,"html_url":"https://github.com/hongbo-wei/aws","commit_stats":{"total_commits":11,"total_committers":2,"mean_commits":5.5,"dds":"0.36363636363636365","last_synced_commit":"d6893c513bbddf0cbf4b326dfd2156001aa4d82a"},"previous_names":["hongbo-wei/aws"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hongbo-wei/aws","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-wei%2Faws","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-wei%2Faws/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-wei%2Faws/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-wei%2Faws/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hongbo-wei","download_url":"https://codeload.github.com/hongbo-wei/aws/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-wei%2Faws/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29423534,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T22:20:51.549Z","status":"ssl_error","status_checked_at":"2026-02-13T22:20:49.838Z","response_time":78,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["amazon","amazon-web-services","aws","cloud","cloud-computing","javascript","vite","vitejs","vue","vuejs"],"created_at":"2024-10-10T09:08:06.567Z","updated_at":"2026-02-13T23:31:26.666Z","avatar_url":"https://github.com/hongbo-wei.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Credit\n\nOriginal Author [Tarek Kaddoumi](https://www.linkedin.com/in/tarekkaddoumi/), Senior Solutions Architect at [Amazon Web Services (AWS)](https://aws.amazon.com/)\n\nOriginal file: Bedrock/main.js\n\n## AWS\n\nI did my own modification on this real-world project build with Amazon Web Services (AWS) 📙\n\nI will bring more real-world projects with AWS.\n\n## Table of Contents\n\n- [Dependencies](#dependencies)\n- [Run the app](#run-the-app)\n- [Configure Environment Variables](#configure-environment-variables)\n\n### Dependencies\n\n- [Node](https://nodejs.org/en/download)\n- [Git](https://github.com/git-guides/install-git/)\n- [Vite](https://vitejs.dev/guide/)\n\n### Run the app\n\nLet's try the app by installing dependencies and running it.\n\n1. Go in to the project folder `cd my-affirmations` (VUE 3 + TypeScript + Vite). Install the dependencies first using the **Terminal**. If the terminal is not visible, select **TERMINAL** from the **Panel**. If the **Panel** is closed, select menu item **View** and **Terminal** to show it.\n2. In the terminal, run:\n\n    ```bash\n    npm install\n    ```\n\n3. When the install has finished, it's time to run the app for the first time.\n    1. In the terminal, run\n\n        ```bash\n        npm run dev\n        ```\n\n    2. A popup message may appear asking if you want to open the app in the browser, select this or select the network URL that is displayed in the terminal\n4. Ensure the app loads and you can see the web page is rendered and you can click on the button.\n\n**Additional**: Build Vite Project: Run `npm run build` to generate the production-ready assets in the `dist` folder.\n\n### Configure Environment Variables\n\nThe next section ensures your app can communicate with AWS to use Amazon Bedrock.\n\nYour Workshop Studio account is configured with an access key and secret to provide authorisation to access Amazon Bedrock service.\n\n\u003e **AWS Access Keys and Secrets: Best Practices for Development and Deployment**\n\u003e As this app will only be running in VS Code Server and will **not** be *deployed*, we are using an IAM user's **Access Key** and **Secret** environment variables to access Amazon Bedrock securely. This is **not** how we would secure a production app that was going to be deployed, but the focus in this lab is on working with Bedrock APIs, so we are using this simpler approach. If you are interested in learning more about security and best practices, review the links below after the lab.\n\u003e [AWS Documentation: AWS Access Keys Best Practices](https://docs.aws.amazon.com/general/latest/gr/aws-access-keys-best-practices.html)\n\u003e [AWS Documentation: AWS Secrets Manager](https://docs.aws.amazon.com/secretsmanager/latest/userguide/intro.html)\n\n1. In **Visual Studio Code Server**, open the **.env** file (if it doesn't exist, creat one). This file stores your environment variables so you can access Amazon Bedrock securely. No need VITE_AWS_SESSION_TOKEN.\n\n    ```env\n    VITE_AWS_DEFAULT_REGION=\n    VITE_AWS_ACCESS_KEY_ID=\n    VITE_AWS_SECRET_ACCESS_KEY=\n    ```\n\n2. Only environment variables starting with **VITE_** are exposed to the app.\n3. To populate these with actual values, switch over to the AWS Workshop Studio event dashboard.\n4. Select **Get AWS CLI credentials**.\n5. An **AWS account access** dialog will open.\n6. Select the fourth tab **Windows (CMD)**. Even if you are not using Windows, this is the easiest one to choose.\n7. Select the copy icon to copy the values to your clipboard. Alternatively you can select and copy them manually if that button does not work on your web browser.\n8. Switch back to the VS Code window. In the **.env** file paste the environment variables you just copied below the existing lines of code.\n9. Your **.env** file will look something like this:\n\n    ```env\n    VITE_AWS_DEFAULT_REGION=\n    VITE_AWS_ACCESS_KEY_ID=\n    VITE_AWS_SECRET_ACCESS_KEY=\n    \n    set AWS_DEFAULT_REGION=us-west-2\n    set AWS_ACCESS_KEY_ID=ABCDEFIGHIGJ\n    set AWS_SECRET_ACCESS_KEY=ABCDEFIGHIGJKLMNOPQRSTUVWXYZ\n    ```\n\n10. *Please note that the variable values above are samples, do not copy these into your own files, as they will not work.*\n11. Now comes the trickiest step in the entire lab:\n    1. Every key starting with **AWS_** has a matching key starting with **VITE_AWS_**.\n    2. The variable is the part following the **=**, and should not have any quotes or brackets or anything else, just a string of characters.\n12. Your choice is either:\n    1. The variables need to be moved (or copied and pasted) from the **AWS_** lines to the corresponding **VITE_AWS_** lines.*or*\n    2. Remove the **set** and paste the prefix `VITE_` in front of each **AWS_** key.\n\nThe end result should look like this, regardless of which method you use:\n\n```env\nVITE_AWS_DEFAULT_REGION=us-west-2\nVITE_AWS_ACCESS_KEY_ID=ABCDEFIGHIGJ\nVITE_AWS_SECRET_ACCESS_KEY=ABCDEFIGHIGJKLMNOPQRSTUVWXYZ\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhongbo-wei%2Faws","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhongbo-wei%2Faws","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhongbo-wei%2Faws/lists"}