/BlokTech

22-23 Blok 3 Ufuk Argun

Primary LanguageEJSApache License 2.0Apache-2.0

BlokTech

22-23 Blok 3 Ufuk Argun

DinnerMatch

DinnerMatch

Concept

DinnerMatch is een matching-application die ontworpen is om iemand te vinden die met je samen diner wilt houden, of het in een chique restaurant is of bij je thuis. Je kan profielen vinden, deze liken en uiteindelijk berichten.

DinnerMatch app showcase

Opzetten

1. Download Node.js en installeer het op je systeem

2. Open de Terminal (Dit kan gedaan worden met CTRL + ` in Visual Studio Code)

3. Clone deze repository door de volgende commando uit te voeren in je terminal

git clone https://github.com/HibbaYT/BlokTech.git

4. Maak een database aan op MongoDB

5. Noem de database "DB_dinnermatch" en de collection "profiles"

6. De collection gebruikt 6 key's en values

  • name: (voor de namen van de profielen)
  • age: (voor de leeftijd van de profielen)
  • pic: (voor de fotos van de profielen)
  • likeback: (om te checken of de profiel ons terug liket)
  • liked: (om zelf te profielen te liken en unliken)

collection

Hier is een tutorial hoe je met MongoDB Atlas de database kan opzetten.

7. Installeer de bijbehorende modules door deze commando in je terminal te typen:

npm i express mongodb mongoose ejs dotenv

NOTE: Nodemon is een eventuele handige module, zorg dat je deze installeert als Dev Dependency door de volgende commando.

npm install --save-dev nodemon

NOTE: Ook kan Nodemon hem globaal installeren zodat je het niet meer voor andere projecten hoeft te doen

npm install -g nodemon

8. Creëer een .env bestand en richt deze op deze manier in:

MONGODB_URI= connection_string
PORT= de port die je wilt gebruiken

NOTE: Zorg dat je .gitignore bestand je env niet upload.

9. Start de lokale webserver door de volgende commando te typen:

npm start

10. Open je browser en voer het volgende adres in: http://localhost:port/

NOTE: de port is hier niet aangegeven omdat je deze in de .env hebt gedefinieerd.

DinnerMatch is ready to use!

Licentie

Deze repository maakt gebruik van de Apache licentie.