cmda-bt / be-course-19-20

🎓 Backend · 2019-2020 · Curriculum and Syllabus
Other
18 stars 7 forks source link

Week 3 #217

Closed Lynnvanschie closed 4 years ago

Lynnvanschie commented 4 years ago

Package

Name

Lynn van Schie

Class

Tech 5

Repo link

https://github.com/Lynnvanschie/Project-Tech

Summary

Ik heb eerst mijn statische dating app pagina's die ik gemaakt heb voor project geimplementeerd in mijn express server, ik heb van de statische pagina's dynamische pagina's gemaakt, waarbij ik op de homepagina de namen van de mensen die je ziet uit een array haal, verder haal ik, op de favorieten pagina, data op uit een array met objecten erin. Ook heb ik een route toegevoegd die als je parameters aan je url toevoegt, je deze terug krijgt als een object op de pagina.

Nadat ik dit gedaan heb ben ik begonnen aan de input opdracht. Het formulier had ik al, ik heb in mijn server de code geschreven die een object toevoegt aan een array. Dit was wel lastig maar door de demo van de les kwam ik er wel uit.
Ik wist dat het formulier werkte, alleen de waardes die meegegeven werden aan het object waren niet zichtbaar op mijn pagina. Door de array te loggen naar de console zag ik dat de waardes in het object undefined waren in plaats van een string. Ik kwam er maar niet achter waardoor dit het geval was. Na een uur of twee dingen veranderd te hebben aan mijn code kwam ik erachter dat een stukje code in mijn html formulier: enctype="multipart/form-data" de boosdoener was. Ik heb geen idee waarom dat ervoor zorgt dat het niet werkt, ik ben allang blij dat mijn formulier nu werkt!

Resources used

https://www.npmjs.com/package/body-parser https://www.npmjs.com/package/slug

Any thoughts?

Deze opdracht was iets lastig, maar door de demo die gegeven is tijdens de werkgroep waarin duidelijk de stappen uitgelegd werden was het een stuk duidelijker en werd de opdracht opzich goed te doen!

Razpudding commented 4 years ago

Mooi dat het gelukt is om de data aan te passen via een form!

Pas wel op met waar je je variabelen aanmaakt. Je maakt ze nu aan na je functie declaraties. Dit werkt omdat Js function hoisting toepast maar het leest wel een beetje vreemd. Normaal declareer je je variabelen bovenaan ( na je requires) en dan pas je functies.

Is het al gelukt om met mongodb te connecten? Ik kan dat nog niet terugzien.