Dwengo - groep 4

Korte samenvatting tech stack

Onze backend maakt gebruik van Express, waarbij Prisma als ORM dient. Onze frontend is een React-app die wordt gebouwd door middel van Vite. De routing wordt afgehandeld door React Router. Tailwind CSS wordt gebruikt voor de opmaak van onze pagina's.

Instructies voor het opzetten van een ontwikkelomgeving

1. Installeer Docker Engine
   Volg de instructies op de officiële Docker Engine-pagina: Docker Engine Installatie.

2. Start Docker Compose
   Start de benodigde containers met het volgende commando:

   sudo docker compose up -d

3. Maak een .env-bestand
   Plaats de .env-bestanden in de root-, frontend- en backend-folders en gebruik .env.template als basis.

   Opmerking:
   De waarde van DATABASE_URL bepaalt of je de lokale of remote database gebruikt. De link voor de remote database is te vinden in de pinned messages op Discord.

4. Voer vervolgens volgende stappen uit in zowel de frontend-folder, alsook in de backend-folder. Naar deze folders gaan via de command line doe je als volgt:

   cd frontend

   of

   cd dwengo_backend

   Commando's om in beide folders uit te voeren:

   • Installeer de dependencies:

     npm install

   Commando's die enkel in de backend-folder moeten uitgevoerd worden:

   • Update de database indien een lokale databank wordt gebruikt.

     npx prisma migrate dev

   Run vervolgens in beide folders nog volgend commando:

   • Start de development server

     npm run dev

Prisma Studio
Met Prisma Studio kun je de database bekijken en bewerken. Om Prisma Studio te starten, gebruik je het volgende commando:

npx prisma studio

Handleiding site

Een handleiding voor het gebruik van onze site vindt u in de hier.