Quintin Raemaekers, Mark Muller en Jo Schreurs

https://www.youtube.com/watch?v=MClaHeg-01s&feature=youtu.be

Hierin kun je alle html files vinden.

Hierin is de styles.css te vinden die zorgt voor de opmaak van de site.

Hierin worden alle foto's opgeslagen die iemand post.

In helpers staat de apology functie die ervoor zorgt dat er een excuses komt als iets niet werkt. Ook staat hier een login_required functie in die ervoor zorgt dat niet iedereen zomaar toegang heeft tot bepaalde webpagina's.

Hierin staan alle functies. Wat ze voornamelijk doen is de database updaten.

Dit is de database waarin alles wat op de site wordt weergegeven wordt opgeslagen en alles uit wordt gehaald.

register: de nieuwe gebruiker en het wachtwoord worden opgeslagen in de database 'users'.

login: de gegevens van de inloggende gebruiker worden opgehaald uit de database 'users'.

register.html

login.html

Logout (@app.route("/logout"))

Door middel van POST kan de gebruiker zich uitloggen, geen aparte pagina.

De gebruiker wordt teruggestuurd naar login.

Login (@app.route("/login"))

Door middel van POST kan de gebruiker inloggen en wordt deze doorverwezen naar de index.

Register (@app.route(/register))

Door middel van POST kan de gebruiker zich registreren, en wordt deze als alles klopt doorverwezen naar de homepagina.

comment: voegt de comments toe aan de database 'comments'.

get_comments: haalt de comments op vanuit de database 'comments'.

like: voegt een like toe aan de database 'images'.

comment.html

Comments en likes worden weergeven op homepage.html

Like (@app.route("/like"))

Er kan een like toegevoegd aan de foto.

Comment (@app.route("/comment"))

Er kunnen comments aan de foto's worden toegevoegd.

upload_file: voegt een afbeelding toe aan de database 'images'.

giphy: voegt een gif toe aan de database 'images'.

key: geeft de API_KEY mee.

post.html

gif.html

Post (@app.route("/post"))

Foto's met description worden geupload.

Gifsearch (@app.route("/gifsearch"))

Zoekt de gifs van api.giphy.com.

LET OP: voor het werken van de API_KEY is het nodig om een key in de terminal in te voeren, met export API_KEY= achter het '=' teken gelijk de key.

Als de gebruiker op een gif heeft gezocht, wordt hij/zij naar gif.html gestuurd.

Als de gebruiker een gif heeft geselecteerd, wordt hij/zij naar de homepagina gestuurd.

Storegif (@app.route("/storegif"))

Zet de gif als url.

Getgif (@app.route("/getgif"))

Geeft de juiste url van de gif weer zonder aanverwanten van cs50 IDE.

tag: voegt 10 tags toe aan de database 'users'.

register.html

Settings (@app.route("/settings"))

Geeft de tags mee aan het account van de ingelogde gebruiker.

discover: geeft profielen weer met de tags waarop gezocht is.

status_update: update de status van de ingelogde gebruiker.

follow: update welke gebruiker wie volgt.

pics: selecteert de foto's vanuit de database.

username: haalt de username vanuit de database op.

discover.html

discover_profile.html

Search (@app.route("/search"))

Zoekt op de ingevoerde tag. Hierna wordt de ingelogde gebruiker doorgestuurd naar discover_profile.html

Discover (@app.route("/discover"))

Zoekt op de profielen met de ingevoerde tag.

Als er geen profielen meer zijn, wordt er een apology gereturned

display: geeft de foto's weer.

homepage.html

Homepage (@app.route("/homepage"))

Geeft de homepagina weer met de foto's en description, en de likes en de comments erbij.

We hebben eigenlijk alles samen gedaan.