Skip to content

Week 2 | Static Site

Awana1 edited this page Mar 19, 2020 · 4 revisions

Week 2 | Static Site

Azam Awan | Klas: Project-Tech-2

Wat wil ik?

Ik zit nu op een fase waarbij ik genoeg onderzoek heb gedaan om een beeld te schetsen wat ik wil en hoe ik dat in beeld ga brengen. Nu wordt het tijd om alles te programmeren. Om mezelf beperkt te houden, heb ik besloten om een kleine lijst te maken met key requirements. Deze requirements zullen zelf vereist worden, om verwarring met officiële beoordelingen te voorkomen.

Key Requirements

  • Veilig inloggen/aanmelden
  • Extra paginas aanmaken zodat het makkelijk voor Assessment 2 zal zijn.
  • Een persoonlijke dashboard scherm waar je als ingelogde gebruiker toegang hebt.

Homepagina

Mijn homepagina is vrij simpel. Ik heb hierbij gekeken naar mijn benchmark. Zo heb ik de vibrante kleuren van Tinder overgenomen. Daarnaast heb ik een typewriter gemaakt door middel van Javascript. Zo ziet de bezoeker diverse woorden verschijnen. Deze woorden bestaan uit "Swipe, Match, ...". De '...' wordt vervangen met woorden die in een array zitten en letter voor letter in beeld gebracht en verwijderd.

Login

Mijn inlog scherm is vrij simpel. De gebruiker kan inloggen met de aangegeven email en wachtwoord. Mocht de gebruiker geen email hebben? Dan kan de bezoeker op de 'registreren' button klikken om zo naar de registreren pagina te gaan.

login

Registreren

Registreren komt op hetzelfde neer als inloggen. Alleen zien wij bij Registreren twee extra velden. Deze velden bestaan uit 'Naam' en 'Herhaal Wachtwoord'

registreren

Voorsprong

Om een voorsprong te hebben. Heb ik gelijk de volgende pagina's gemaakt met Express en EJS.

Schermafbeelding 2020-03-18 om 23 02 14

Clone this wiki locally