Frontend Developer technische opdracht

De opdracht: Bouw een product overzicht pagina en een product pagina met Svelte / SvelteKit.

Fork deze repo en maak een Pull Request om te mergen in de main branch om je werk aan te leveren.

Vereisten:

• Een overzichtspagina van alle producten
  • Layout (lijst/grid/?) is aan jou
  • Een optie om op prijs te sorteren die gereflecteerd wordt in de URL search params
• Een detail view van een enkel product
  • Dit mag eventueel op dezelfde pagina gebeuren, maar gebruik wel svelte routing
• Fetch de data van dit JSON bestand: https://frontendbestend.s3.eu-central-1.amazonaws.com/api.json
  • Dit is al defined in het Svelte project, zie .env
  • dit is gewoon een JSON bestandje gehost op een amazon server, niets fancy of bijzonder, geen auth o.i.d.

Het hoeft er qua ontwerp niet bijzonder mooi uit te zien, en het hoeft ook niet op het ontwerp van De Correspondent te lijken. Je mag zelf kiezen wat je gebruikt voor de frontend. Zelf wat CSS schrijven of iets off the shelf gebruiken. Zolang het maar makkelijk aan te passen is tijdens ons geprek.

We zullen je een aantal vragen stellen over wat je gebruikt hebt van Svelte/SvelteKit en waarom je daarvoor gekozen hebt. Je hoeft geen Svelte expert te zijn, maar we gaan er vanuit dat je op basis van de documentatie een onderbouwde keuze kunt maken. Verder zullen we je vragen om iets van de code aan te passen of om iets toe te voegen. Niet om je kennis te testen over het framework, maar om te praten over code en een gevoel te krijgen van hoe je denkt en samenwerkt. Je mag het dus fout hebben, of niet weten hoe het moet, zolang we maar een gesprek hebben waarin je je denk en werkwijze kunt laten zien. We verwachten dat deze opdracht ongeveer 1 uur van je tijd kost. Maar we hebben misschien een bias omdat we het framework kennen. Focus dus vooral niet op het perfect maken van alles, maar op het aanleveren van iets waar we over kunnen praten.

--

SV create command generated docs of how to start the server

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.