web

AWS Auto Cleanup Website

The AWS Auto Cleanup Website is a static Vue.js website hosted within Amazon S3. The website utilises the AWS Auto Cleanup API to serve content and enable user interaction.

Table of contents

• Deployment
• Removal
• Architecture
• Authentication
• Screenshots

Deployment

1. Ensure the API module has been deployed prior to deploying this module

2. Change directory

   cd aws-auto-cleanup/web/

3. Install dependencies

   npm install

4. Deploy infrastructure

   npm run deploy -- [--region] [--aws-profile]

5. Deploy website

   npm run deploy:client -- [--region] [--aws-profile]

Removal

1. Change directory

   cd aws-auto-cleanup/web/

2. Remove website

   npm run remove:client -- [--region] [--aws-profile]

3. Remove infrastructure

   npm run remove -- [--region] [--aws-profile]

Architecture

Authentication

The first time you access the web client from a new browser, you need to insert the API key that has been generated during the deployment of the API.

Screenshots

dashboard	add allowlist entry

delete allowlist entry	execution logs