React Advanced Project Overzicht Dit project is gebouwd met de volgende tools:
Talen en frameworks: React.js, JavaScript, Chakra UI, JSON Functionaliteit: CRUD-methodologie
Installatie-instructies Eerste installatie: Open je terminal en voer de volgende commando's uit: npm install npm run dev
JSON-server starten: Open een tweede terminal en voer het volgende commando uit om de virtuele server te starten: json-server events.json
Let op: Zorg ervoor dat je bestand events.json niet in je "starter"-folder staat, maar bijvoorbeeld op je bureaublad of een andere locatie. Anders kun je te maken krijgen met een loop.
Veelvoorkomende problemen oplossen JSON-server installeren Als de server niet start, controleer dan of json-server correct is geïnstalleerd. Installeer het eventueel opnieuw met: npm install -g json-server
Controleer daarna de installatie door het versienummer op te vragen: json-server --version
Problemen met PowerShell oplossen Als je problemen ondervindt bij het uitvoeren van json-server, probeer dan de volgende stappen:
Open PowerShell als beheerder (rechtsklik en kies "Als administrator uitvoeren"). Voer dit commando uit om de uitvoeringspolicy aan te passen: Set-ExecutionPolicy RemoteSigned
Bevestig met "Y" en druk op Enter. Controleer of de policy correct is ingesteld: Get-ExecutionPolicy
Dit zou "RemoteSigned" moeten teruggeven. Probeer vervolgens opnieuw de json-server te starten: json-server --version
Screenshots Hier zijn enkele screenshots van de applicatie in actie:
Homepagina:
Server succesvol gestart:
UI Voorbeeld:
Thanks and credits to WincAcademy in Amsterdam, The Netherlands!