Footer new

.gitignore

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

.npmrc

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

README.md

@@ -1,33 +1,64 @@
-> _Fork_ deze leertaak en ga aan de slag. 
-Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. 
-De instructie vind je in: [docs/INSTRUCTIONS.md](docs/INSTRUCTIONS.md)
+# INK - Component Library
 
-# Titel
-<!-- Geef je project een titel en schrijf in één zin wat het is -->
+<img width="1251" alt="Scherm­afbeelding 2023-11-30 om 20 17 21" src="https://github.com/JalalToufik/INK-component-library/assets/112856590/132be143-6df2-4f99-a2cb-40eee0339dca">
 
-## Inhoudsopgave
 
-  * [Beschrijving](#beschrijving)
-  * [Kenmerken](#kenmerken)
-  * [Installatie](#installatie)
-  * [Gebruik](#gebruik)
-  * [Bronnen](#bronnen)
-  * [Licentie](#licentie)
-
-## Beschrijving
+## 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 🌐-->
+In deze Readme is alle informatie te vinden voor de website die wij gaan maken aan de hand van de component library. 
+
+* Library aan componenten
+* Atomic design
+* Framework Svelte & CMS Hygraph
+
+
+ ## Wiki :
+
+* [ Analyseren](https://github.com/anoukbruinn/INK-component-library/wiki/%F0%9F%8C%BA-Analyseren/)
+* [ Ontwerpen](https://github.com/anoukbruinn/INK-component-library/wiki/%F0%9F%8C%BA-Ontwerpen/)
+* [ Intergreren](https://github.com/anoukbruinn/INK-component-library/wiki/%F0%9F%8C%BA-Intergreren/)
+* [ Bouwen](https://github.com/anoukbruinn/INK-component-library/wiki/%F0%9F%8C%BA-Bouwen/)
+* [ Testen](https://github.com/anoukbruinn/INK-component-library/wiki/%F0%9F%8C%BA-Testen/)
+
+
+## Tools :
+
+* VSCode
+* Miro
+* Figma
+
+## Gebruikte technieken :
+
+* Svelte
+* Sveltekit
+* Hygragh
+* JS
+* CSS
+
+## Communicatie middelen :
+
+* Team Canvas
+* Microsoft Teams
+* Calls
+
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
 
-## 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? -->
+```bash
+npm run dev
 
-## Installatie
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
 
-## Gebruik
+## Building
 
-## Bronnen
+To create a production version of your app:
 
-## Licentie
+```bash
+npm run build
+```
 
-This project is licensed under the terms of the [MIT license](./LICENSE).

example.env

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

jsconfig.json

@@ -0,0 +1,12 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext"
+	}
+}