Scranton branch

.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

README.md

@@ -2,8 +2,10 @@
 Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. 
 De instructie vind je in: [docs/INSTRUCTIONS.md](docs/INSTRUCTIONS.md)
 
-# Titel
-<!-- Geef je project een titel en schrijf in één zin wat het is -->
+# INK - LAMA LAMA 
+We ontwikkelen een dynamische website voor INK - Lama Lama's voetbalclub in Rio de Janeiro om sponsoren aan te trekken en het inspirerende verhaal van de club te delen, met als doel jongeren te beschermen tegen negatieve invloeden op straat.
+
+<img width="1527" alt="Scherm­afbeelding 2023-10-13 om 11 34 04" src="https://github.com/jtoufik/INK-client-case/assets/112856590/64e369de-3b42-4710-b346-03203a663eba">
 
 ## Inhoudsopgave
 
@@ -14,19 +16,35 @@ De instructie vind je in: [docs/INSTRUCTIONS.md](docs/INSTRUCTIONS.md)
   * [Bronnen](#bronnen)
   * [Licentie](#licentie)
 
-## Beschrijving
-<!-- In de Beschrijving staat hoe je project er uit ziet, hoe het werkt en wat je er mee kan. -->
-<!-- Voeg een mooie poster visual toe 📸 -->
-<!-- Voeg een link toe naar Github Pages 🌐-->
+## Beschrijving 📝
+We ontwikkelen een dynamische website voor INK voetbalclub in Rio de Janeiro om sponsoren aan te trekken en het inspirerende verhaal van de club te delen. 
+Op onze website vind je twee aparte pagina's: een "Over Ons", "Sponser" en een "Promise" pagina, waar je meer te weten kunt komen over wie we zijn en waar we voor staan en eventueel kunt sponseren op de voetbalclub. Op de hoofdpagina bieden we gedetailleerde informatie over onze voetbalclub en kun je meer ontdekken over onze toegewijde spelers.
+
+
+## Kenmerken 📌
+* 🖥 Hygraph CMS
+* 🖥 Sveltekit
+* 🖥 HTML, CSS, JAVASCRIPT
+* 🖥 Github
 
-## Kenmerken
-<!-- Bij Kenmerken staat welke technieken zijn gebruikt en hoe. Wat is de HTML structuur? Wat zijn de belangrijkste dingen in CSS? Wat is er met Javascript gedaan en hoe? Misschien heb je een framwork of library gebruikt? -->
+## Installatie 📲
+* Clone deze repository.
+* Open de repository in je code-editor
+* Open een live server door middel van Visual studio code
+* Om je project online te zetten, kun je gebruik maken van 'Github Pages'
 
-## Installatie
+* NPM- install 
+* # or start the server and open the app in a new browser tab
+npm run dev -- --open
+
+## Gebruik 🖇
+We hebben ons project ontwikkeld met SvelteKit, een framework, en Hygraph, een headless CMS. In Hygraph hebben we de gegevens aangemaakt, die we vervolgens met SvelteKit hebben opgehaald en op de website hebben weergegeven, verder hebben wij de website gestyled met gebruik van CSS.
 
-## Gebruik
+## Bronnen 📚
 
-## Bronnen
+* [Hygraph documentatie](https://hygraph.com/docs)
+* [SvelteKit 1.0 Crash Course - Full Tutorial with Prismic](https://www.youtube.com/watch?v=mDQy0NsBrwg&t=666s)
+* [Sveltekit documentatie](https://kit.svelte.dev/)
 
 ## Licentie
 

example.env

@@ -0,0 +1,3 @@
+HYGRAPH_URL=""
+HYGRAPH_KEY=""
+