Een blog-overzicht voor De Voorhoede.
Maak kennis met het blog-overzicht van De Voorhoede: Vind waardevolle artikelen over technologie, design, ontwikkeling en meer. Met krachtige zoek- en filtersystemen kun je specifieke onderwerpen en favoriete auteurs vinden. Personaliseer je leeservaring door categorieën en auteurs te volgen die bij jouw interesses passen. Verken de diverse perspectieven en inzichten van het getalenteerde team van De Voorhoede.
De user stories waar ik aan heb gewerkt zijn:
- Als gebruiker wil ik kunnen zoeken op een specifiek blogbericht.
- Als gebruiker wil dat de zoekbalk automatisch suggesties geeft op de titel van een blog terwijl ik typ.
- Als gebruiker wil ik kunnen filteren op blogberichten.
Gebruik gemaakt van: HTML, CSS, JS, EJS, Express, Node, GraphQL en Cyclic.
-
Klik op de groene knop "Code" (of "Code downloaden") om de repository-URL te kopiëren.
-
Open een terminalvenster op je computer
-
Navigeer naar de gewenste locatie waar je de repository wilt installeren met behulp van het cd-commando.
-
Gebruik het git clone-commando gevolgd door de gekopieerde repository-URL om de repository te klonen.
-
Ga naar de gekloonde repository met behulp van het cd-commando.
-
Controleer of Node.js op je computer is geïnstalleerd door het uitvoeren van het commando node -v. Als Node.js niet is geïnstalleerd, volg dan de installatie-instructies voor je specifieke besturingssysteem op de officiële Node.js-website.
-
Installeer de vereiste Node.js-afhankelijkheden door het commando npm install uit te voeren in de repository-map. Dit zal de packages installeren die zijn gespecificeerd in het package.json-bestand.
-
Pas indien nodig het .gitignore-bestand aan om bestanden en mappen uit te sluiten van versiebeheer.
-
Open het .env-bestand in een teksteditor en voeg de benodigde configuratievariabelen toe.
- Voor deze leertaak heb ik ook een deeltaak gekregen, genaamd: Zero State
Ben je benieuwd wat ik hier heb ontworpen? Klik dan hier voor de documentatie.
Voor het stylen van een checkbox | https://moderncss.dev/pure-css-custom-checkbox-style/
Voor het bouwen van een autocomplete | https://github.com/Sidstumple
This project is licensed under the terms of the MIT license.