Code Monkey home page Code Monkey logo

fix-the-flow-interactive-website's Introduction

Schermafbeelding 2022-09-29 om 13 38 58

Opdracht

Ontwerp en maak een interactieve website voor een opdrachtgever.

Userstory: Er kunnen vragen worden gesteld aan een gebruiker over zijn / haar Mini. Zo kan er een advies worden gegeven over wanneer en in welke hoeveelheid wat voor producten aan het kind kunnen worden gegeven.

Beschrijving

Vini Mini heeft als missie om voedselallergie te voorkomen bij baby’s. Hiervoor bieden ze gezonde, makkelijke en betrouwbare voedingssupplementen voor baby’s om te wenne naan bepaalde allergenen. Nu alleen nog voor pinda, maar het doel is om hier ei, noten en andere allergenen aan toe te voegen.

De test

Ouders/verzorgers zullen op deze pagina terechtkomen als ze de test willen invullen.

schermen2


Schermafbeelding 2022-12-08 om 13 33 37



Kenmerken

HTML:

  • Header
  • Main
  • Section
  • Form
  • Label class

    • CSS:

  • Display
  • Nav
  • Hero

    • JS:

  • AddEventListener
  • QuerySelectorAll

    • Bronnen

    Licentie

    GNU GPL V3

    This work is licensed under GNU GPLv3.

    fix-the-flow-interactive-website's People

    Contributors

    joostf avatar ju5tu5 avatar koopreynders avatar sannevanseeventer avatar

    fix-the-flow-interactive-website's Issues

    Wauw!

    Wauw, Sanne, ziet er heel goed uit! Enige wat ik vrij onduidelijk vindt aan het design/de content van de test is het woord 'Mini' waarmee je kind bedoeld wordt (denk ik??) Misschien hier even wat over uitleggen :)

    JavaScript Feedback

    Nogmaals, wauw! Wat knap dat je dit gemaakt hebt zitten echt geavanceerde dingen tussen!

    Paar mini, zeur dingetjes gevonden:

    fix-the-flow-interactive-website/scripts/main.js

    Line 86 in 8a61d9c

    prevButtons.forEach((btn) => {

    Het is fijner om variabele namen voluit te schrijven, in productiecode heb je vaak toch een 'minifyer' die al je code zo kort mogelijk maakt, dus dan is het fijn als je code zo leesbaar mogelijk is

    Het kan jou en anderen die jou code bekijken helpen als je comments in je javascript zet. Ga je het zelf beter van begrijpen ennnn dan zien wij ook dat je het snapt :)

    fix-the-flow-interactive-website/scripts/main.js

    Line 93 in 8a61d9c

    form.addEventListener('animationend', (e) => {

    Ik heb zelfs wat van jouw code geleerd, ik kende deze eventlistener helemaal niet :)

    Vragen

    image

    Vragen wat meer duidelijk maken. Verder ziet het er mooi uit!

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.