Fruit Perfection Tutorial

Deze tutorial is ontwikkelt om je stapsgewijs wegwijs te maken in React, naar aanleiding van de content uit de cursus React Fundamentels op EdHub. Je maakt een SPA door gebruik te maken van HTML, CSS, afbeeldingen, SVG's en eventlisteners in React.

Het project is opgezet met Vite (React versie 18.2.0).

Eindresultaat

Na het afronden van de tutorial, ziet jouw webpagina er zo uit:

De applicatie starten

Als je het project gecloned hebt naar jouw locale machine, installeer je eerst alle dependencies door het volgende commando in de terminal te runnen:

npm install

Wanneer dit klaar is, kun je de applicatie starten met behulp van:

npm run dev

Open http://localhost:5173/ om de pagina in de browser te bekijken. Begin met het maken van wijzigingen in src/App.jsx.

Tussenstappen bekijken

De tutorial werkt in stapjes. Na elke stap kun je de bijbehorende branch bekijken om te zien hoe de applicatie er op dat moment uit zou moeten zien:

1. Actie 1
2. Actie 2
3. Actie 3
4. Actie 4
5. Eindresultaat App.jsx en Eindresultaat Product.jsx