https://github.com/allenhwkim/vintri-client

https://github.com/allenhwkim/vintri-client

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/allenhwkim/vintri-client
• Owner: allenhwkim
• Created: 2022-06-23T01:15:29.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-24T14:18:12.000Z (over 2 years ago)
• Last Synced: 2024-04-14T10:08:23.393Z (7 months ago)
• Language: Vue
• Size: 1.67 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vintri-client

This is Vue3 front-end client for the beers API server, http://localhost:5000

## Start

### Start the server

Before starting the client, start the server first

```

$ git clone https://github.com/allenhwkim/vintri-server.git

$ cd vintri-server

$ nvm use 16

$ npm i

$ npm start

```

### Start the client

Now, in a different terminal, start this client

```

$ git clone https://github.com/allenhwkim/vintri-client.git

$ cd vintri-client

$ nvm use 16

$ npm i

$ npm start

```

### Run test

run `npm test` to run unit test

```

$ npm test

> [email protected] test

> vue-cli-service test:unit

 PASS  tests/unit/services/auth.spec.js

 PASS  tests/unit/services/session-storage.spec.js

 PASS  tests/unit/components/Beer.vue.spec.js

 PASS  tests/unit/components/Beers.vue.spec.js

 PASS  tests/unit/App.vue.spec.js

Test Suites: 5 passed, 5 total

Tests:       9 passed, 9 total

Snapshots:   0 total

Time:        3.554 s

Ran all test suites.

```

## Usage

### Login

You will see the browser open for http://localhost:5000  



To login, enter a valid email address and confirm email addrss as the same,  e.g. [email protected]. 



### List beers

Once logged in, you will be redirect to list of beers.  

You can try different pages, or search beers.  





### Detail of a beer

To see the detail of a beer, click `detail` from the list.  



To submit the rating of the beer, mark your stars,  fillout comments, then click "Submit rate and comments". 





To go back to list of beers, click "Back to see all beers"

### Logout

To logout, click "Logout.