https://github.com/classicoman2/full-stack-vuejs-json-server-app

A fullstack app with Vue.js and mock back with json-server
https://github.com/classicoman2/full-stack-vuejs-json-server-app

express heroku nodejs vuejs

Last synced: 25 days ago
JSON representation

A fullstack app with Vue.js and mock back with json-server

• Host: GitHub
• URL: https://github.com/classicoman2/full-stack-vuejs-json-server-app
• Owner: classicoman2
• Created: 2021-01-28T20:42:03.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-21T09:02:47.000Z (about 3 years ago)
• Last Synced: 2024-11-16T18:12:06.986Z (3 months ago)
• Topics: express, heroku, nodejs, vuejs
• Language: Vue
• Homepage: https://vue-json-server-app.herokuapp.com/
• Size: 7.99 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Full Stack Vue.js + Bootstrap 4.5 + json-server/Node.js app

### Client

- [ ] Fer un Sign Up form amb `Bootstrap`

- [ ] Heroku - references to local API should be to `window.location.href`

- [ ] Generacio urls de API, a __getters__ de Vuex, ja que son un codi que hauria de ser GLOBAL

- [x] _Bootstrap Theming_ amb __Webpack__

- [x] Filtrar en clicar ENTER en camp de Filtre: és necessari 1) Crear component amb barra navegació (si no es complica molt) i 2) Emprar Programmatic Navigation (Vue Router)

- [x] Crear component HEADER

- [x] Crear component FOOTER - sticky amb Bootstrap

### Server etc

- [ ] Link a HEROKU CHEAT SHEET

BACK: empro [json-server](https://github.com/typicode/json-server) i em baso [en aquest exemple bàsic](https://github.com/typicode/json-server#simple-example)

Desplegada [aqui](https://vue-json-server-app.herokuapp.com/) 

## Postman

[Postman collection with tests in local and remote](https://www.getpostman.com/collections/d3a611a1d40e4ab60ff0)

## HEROKU Deployment

:warning: Basat en [el tutorial basic de HEROKU](https://devcenter.heroku.com/articles/getting-started-with-nodejs)

> 1.Iniciar sessió en Heroku

```bash

heroku login

```

> 2.Provar l'app en local

```bash

heroku local web

```

> 3.Crear aplicacio a heroku

```bash

heroku apps:create staticsitenodejs

```

> 4.Commitejar canvis (cada cop, repetirem aquesta passa i la següent)

```bash

git add . && git commit -m "canvi fet"

```

> 5.Fer push de la branca corresponent

```bash

git push heroku main

```