Šou program

Ovaj repozitorij dio je radionice Software Engineering i sadrži full stack aplikaciju s odvojenim mapama:

• Frontend - Vue.js
• Backend - Express.js

Prije nego počneš, provjeri imaš li sljedeće alate instalirane na svom računalu:

• Git: Preuzmi i instaliraj Git
• GitHub Desktop: (izborno, ali korisno) Preuzmi GitHub Desktop
• Node.js i npm: Preuzmi i instaliraj Node.js
• VSCode: Preuzmi i instaliraj VSCode
• PostgreSQL: Preuzmi i instaliraj PostgreSQL
• pgAdmin: Preuzmi i instaliraj pgAdmin

Isto tako, provjeri rade li ti tek instalirani alati. Odi u terminal i napiši:

node --version
npm --version
git --version

Prije nego nastaviš, konfiguriraj pgAdmin za povezivanje s lokalno hostiranom bazom podataka:

• Otvori pgAdmin i registriraj novi server ako ga nemaš.
• Poveži se na server koji radi na tvom lokalnom hostu.
• Kreiraj novu bazu za sou program aplikaciju

git clone https://github.com/souprogram/sou-program.git
cd sou-program

cd backend
npm install

• Napravi datoteku .env u mapi backend i dodaj vrijednosti na ključeve koji su navedeni u .env.example datoteci.
• Također ispuni DB podatke da se poklapaju podacima tvog servera tako da se možeš spojiti na njega tj. svoju bazu podataka.

U mapi backend pokreni migracije i seedove za postavljanje tablica baze podataka i popunjavanje podataka potrebnih za korištenje aplikacije:

npm run migrate:fresh
npm run seed

cd frontend
npm install

Napravi datoteku .env u mapi frontend i dodaj vrijednosti na ključeve koji su navedeni u .env.example datoteci.

U mapi backend pokreni Express.js server:

npm run serve

Backend bi trebao biti pokrenut na http://localhost:3000.

U mapi frontend pokreni Vue.js development server:

npm run serve

Frontend bi trebao biti pokrenut na http://localhost:8080.

Posjeti http://localhost:8080/login u svom browseru da se prijaviš s korisničkim imenom admin i lozinkom admin i vidiš aplikaciju na djelu.

• Provjeri radi li PostgreSQL servis prije pokretanja pozadine.
• Dobra proširenja (extensions) za VSCode je Prettier, ESLint, GitLens i Vetur.