README.md

URL Shortener Client

This application is a simple Vuejs application that interacts with the functionless url shortener.

Requirements

• Node
• Vue CLI

If Node with NPM is already installed simply run.

npm install -g @vue/cli

Setup

In order for the local client to work for testing, be sure and set the UseLocalClient option when launching the backend stack

The following commands need to be run from within the client folder.

1. Update the environment variables in the .env file.

The client needs some information about the backend. These values were output when you deployed the backend. If you need them again, simply run in your terminal:

aws cloudformation describe-stacks --stack-name URLShortener

Update and save the .env file. when you are done it should look "something" like this.

VUE_APP_NAME=shortener
VUE_APP_API_ROOT=https://fd7c8be3rg.execute-api.us-west-2.amazonaws.com/Prod
VUE_APP_AUTH_DOMAIN=https://shortener.auth.us-west-2.amazoncognito.com
VUE_APP_CLIENT_ID=432p7npp8tf7a8pnb0hg5cbegl

2. Install NPM dependencies

npm i

3. Start the local server

npm run serve

4. Open the webpage at http://localhost:8080