Warning

Dit project is geupdated. Als je de laatste update wilt van vrijdag 21 Juni bekijk commit 90c79ffda3c737a16fbc1edaa23883b21f8e4d4d.

Dutch Digital Agency Website Redesign

Geef een ster aan deze repo om de count omhoog te zien gaan!

De Opdracht

Voor de opdrachtgever De Voorhoede heb ik een concept en uitwerking mogen ontwerpen voor Dutch Digital Agency. De bedoeling was om 5 verschillende paginas te maken met API's die alle leden en vacatures zou ophalen vanuit de database van Directus.

📚 Inhoudsopgave

• 👨🏼‍💼 Opdracht
• 👩🏽‍💻 Gebruik
• 🛠Installatie
• 📱 Kenmerken en uitleg Node, Express en EJS
• Statistieken

👩🏽‍💻 Gebruik van website

Op de Dutch Digital Agency websites heb je allerlij verschillende paginas.

Home Pagina

Op de homepagina om je allemaal te zien wat het bedrijf is en wat het inhoud. Je ziet hier allemaal nieuws, evenementen en overige informatie over het bedrijf zelf.

Leden Pagina

Op de leden pagina krijg je alle leden te zien die zijn aangemeld bij de agency. Je kunt hier tussen sorteren en kijken hoeveel verschillende vacatures er beschikbaar zijn per lid.

Lid Informatie Pagina

Als je op een lid drukt krijg je hier allemaal informatie over met details en een link naar de vacature op hun website. Op deze manier kan je alles goed georganiseerd zien.

Vacatures Pagina

Op deze pagina zie je alle vacatures die beschikbaar zijn. Deze zijn van alle leden en kan je dus goed zoeken naar een vacature die past bij jou zoekresultaat.

Contact pagina

Op deze pagina kan je meer te weten komen over het bedrijf en hoe je in contact kan komen met het bedrijf.

Over Ons pagina

Op deze pagina lees je meer over de agency en het team die de agency runt.

🛠 Installatie

Clone deze repository.

Open de repository in je code-editor

Open de terminal en typ 'npm install' of 'npm i'

Door gebruik te maken van 'npm start', krijg je een lokale link waar je de code live kunt bekijken

Om je project online te zetten, kun je gebruik maken van 'Render'

📱 Kenmerken

Dit project is gemaakt met Node, Express, EJS.

Tools

• 🖥️ Visual Studio Code
• 🖥️ Render
• 🖥️ Iterm (Voor Mac gebruikers)

Gebruikte technieken

• 📟 HTML
• 🎨 CSS
• 🕹️ JavaScript
• 🚃 Express

>Statistieken

Licentie

This project is licensed under the terms of the MIT license.