update readme

README.md

@@ -1,3 +1,4 @@
+
 # 🌟 My Coding Odyssey: A School Project Chronicle 🌟
 
 ---
@@ -11,15 +12,35 @@
 
 ---
 
-## 🚀 What's Inside?
+## 🚀 Challenges
 
-Here you'll find a collection of my "challenges," all neatly organized by year. Feel free to explore, get inspired, or even have a laugh at my early attempts at coding.
+Here you'll find a collection of my "challenges," all neatly organized by year.
 
-*   **`projects/year_01`**: My foundational year! This is where it all began. You'll find a variety of projects, including:
+<div align="center">
-    *   A Pokedex application 🐢
+
-    *   A car enthusiast website 🏎️
+### Year 1
-    *   A cleaning service website ✨
+
-    *   And many more!
+| Challenge | Description |
+| :--- | :--- |
+| [Challenge 01: Bricks](./projects/year_01/challenge_01/README.md) | My first challenge, "bricks". |
+| [Challenge 03: Car Site](./projects/year_01/challenge_03/README.md) | A website for car enthusiasts. |
+| [Challenge 04: SkillSphere](./projects/year_01/challenge_04/README.md) | A platform for sharing skills. |
+| [Challenge 05: Network Building](./projects/year_01/challenge_05/README.md) | A project about network infrastructure. |
+| [Challenge 07: School Canteen](./projects/year_01/challenge_07/README.md) | A database project for a school canteen. |
+| [Challenge 08: Pokedex](./projects/year_01/challenge_08/README.md) | A Pokedex application. |
+| [Challenge 09: Spik-en-span](./projects/year_01/challenge_09/README.md) | A website for a cleaning service. |
+| [Challenge 10: Photo Gallery](./projects/year_01/challenge_10/README.md) | A photo gallery project. |
+| [Challenge 11: Portfolio](./projects/year_01/challenge_11/README.md) | My personal portfolio website. |
+
+### Year 2
+
+| Challenge | Description |
+| :--- | :--- |
+| [Challenge 13: Messy Coder](./projects/year_02/challenge_13/README.md) | Refactoring and improving a messy codebase. |
+| [Challenge 14: Warehouse App Planning](./projects/year_02/challenge_14/README.md) | Planning a warehouse management application. |
+| [Challenge 15: Warehouse App Creation](./projects/year_02/challenge_15/README.md) | Creating the warehouse management application. |
+
+</div>
 
 ---
 

projects/year_01/challenge_01/README.md

@@ -1,5 +1,15 @@
 # Challenge 01: Bricks
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project was de eerste challenge van het eerste jaar. Het project heet "bricks".
 
 Verdere informatie over dit project is niet beschikbaar in de bestanden.
+
+---
+
+[View Project](./bricks)

projects/year_01/challenge_03/README.md

@@ -1,5 +1,11 @@
 # Challenge 03: Carsite - Car Meet Showcase
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project betreft een dynamische website, genaamd "CarMeet", specifiek ontworpen om autoliefhebbers te verbinden en evenementen te promoten. De website is volledig in het Nederlands en biedt een uitgebreide gebruikerservaring via diverse secties:
 
 ## Belangrijkste Functionaliteiten en Pagina's
@@ -15,3 +21,7 @@ Dit project betreft een dynamische website, genaamd "CarMeet", specifiek ontworp
 *   **Social Media Integratie:** Directe links naar platforms zoals Twitter, Instagram en TikTok om de autocultuur te volgen en actief deel te nemen.
 
 De website is gebouwd met moderne webtechnologieën, waaronder Bootstrap voor een responsief ontwerp, en bevat interactieve elementen zoals een scrollende galerij en accordions voor de FAQ. Het overkoepelende doel is het creëren van een levendige online hub voor de carmeet-gemeenschap.
+
+---
+
+[View Project](./carsite)

projects/year_01/challenge_04/README.md

@@ -1,5 +1,11 @@
 # Challenge 04: SkillSphere - Platform voor Vaardigheidsuitwisseling
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project, genaamd "SkillBuddy", is een modern sociaal netwerkplatform. Het is ontworpen om de uitwisseling van vaardigheden tussen studenten Software Development (crebo 25604) te faciliteren. Door de integratie van gamificatie-elementen biedt het platform een boeiende en interactieve leerervaring, geheel in lijn met de standaarden van het kwalificatiekader van SBB Nederland.
 
 ## Kernfunctionaliteiten
@@ -32,3 +38,7 @@ De gamificatie-elementen zijn ontworpen om betrokkenheid te maximaliseren:
 *   **Uitdagingen:** Wekelijkse en maandelijkse uitdagingen stimuleren continue betrokkenheid en ontwikkeling.
 
 De `index.html` fungeert als een aantrekkelijke landingspagina voor "SkillBuddy", met duidelijke opties om in te loggen en te registreren, waardoor de toegang tot dit interactieve leerplatform eenvoudig wordt gemaakt.
+
+---
+
+[View Project](./SkillSphere)

projects/year_01/challenge_04/SkillSphere/SkillSphere/README.md

@@ -1,37 +1,46 @@
-# Skill Exchange Platform for Software Development Students  
 
-This project is a modern social network platform designed to facilitate skill exchange among students studying Software Development (crebo 25604). The platform incorporates gamification elements, providing an engaging and interactive experience for users while meeting the standards outlined by SBB Nederland's qualification framework.
+# Challenge 04: SkillSphere
 
 ---
 
-## 🚀 Features  
+[<-- Terug naar hoofd-README](../../../../../../README.md)
 
-- **Skill Exchange:** Connect with peers to share and develop software development skills.  
+---
-- **Gamification:** Earn badges, points, and rewards for participation and achievements.  
+
-- **User-Friendly Front-End:** Clean and intuitive UI for seamless navigation.  
+# Vaardigheidsuitwisselingsplatform voor studenten Softwareontwikkeling
-- **Robust Back-End:** Secure and scalable back-end architecture.  
+
-- **Structured Database:** Well-designed database schema to support efficient data management.  
+Dit project is een modern sociaal netwerkplatform dat is ontworpen om de uitwisseling van vaardigheden tussen studenten Softwareontwikkeling (crebo 25604) te vergemakkelijken. Het platform bevat gamificatie-elementen en biedt een boeiende en interactieve ervaring voor gebruikers, terwijl het voldoet aan de normen van het kwalificatiedossier van SBB Nederland.
+
+---
+
+## 🚀 Functies
+
+- **Vaardigheidsuitwisseling:** Maak contact met medestudenten om softwareontwikkelingsvaardigheden te delen en te ontwikkelen.
+- **Gamificatie:** Verdien badges, punten en beloningen voor deelname en prestaties.
+- **Gebruiksvriendelijke Front-End:** Schone en intuïtieve gebruikersinterface voor naadloze navigatie.
+- **Robuuste Back-End:** Veilige en schaalbare back-end architectuur.
+- **Gestructureerde Database:** Goed ontworpen databaseschema voor efficiënt gegevensbeheer.
 
 ---
 
 ## 🛠️ Tech Stack
 
-- **Front-End:** React.js / Angular / Vue.js (choose as per your group decision)  
+- **Front-End:** React.js / Angular / Vue.js (kies op basis van groepsbeslissing)
-- **Back-End:** Node.js / Express / Django / Flask (choose as per your group decision)  
+- **Back-End:** Node.js / Express / Django / Flask (kies op basis van groepsbeslissing)
 - **Database:** MySQL / PostgreSQL / MongoDB
-- **Version Control:** Git  
+- **Versiebeheer:** Git
 
 ---
 
-## 📋 Requirements  
+## 📋 Vereisten
 
-- Node.js (latest stable version)  
+- Node.js (laatste stabiele versie)
-- Database of choice (MySQL, PostgreSQL, or MongoDB)  
+- Database naar keuze (MySQL, PostgreSQL of MongoDB)
 - Git
 
 ---
 
-## 📂 Project Structure  
+## 📂 Projectstructuur
 
 ```
 /frontend
@@ -51,61 +60,61 @@ This project is a modern social network platform designed to facilitate skill ex
 
 ---
 
-## 🎯 Objectives  
+## 🎯 Doelstellingen
 
-- Implement core functionalities based on the qualification dossier for Software Development (SBB Nederland).  
+- Implementeer kernfunctionaliteiten op basis van het kwalificatiedossier voor Softwareontwikkeling (SBB Nederland).
-- Create a fully functional skill exchange platform with gamified elements.  
+- Creëer een volledig functioneel vaardigheidsuitwisselingsplatform met gamified elementen.
-- Develop and test the application collaboratively within a group of up to four members.  
+- Ontwikkel en test de applicatie gezamenlijk in een groep van maximaal vier leden.
 
 ---
 
-## 📖 Getting Started  
+## 📖 Aan de slag
 
-1. **Clone the repository**  
+1. **Kloon de repository**
    ```bash
    git clone https://github.com/your-username/skill-exchange-platform.git
    cd skill-exchange-platform
    ```
 
-2. **Set up the front-end**  
+2. **Stel de front-end in**
    ```bash
    cd frontend
    npm install
    npm start
    ```
 
-3. **Set up the back-end**  
+3. **Stel de back-end in**
    ```bash
    cd backend
    npm install
    npm run dev
    ```
 
-4. **Configure the database**  
+4. **Configureer de database**
-   - Update your database credentials in `backend/config/db.js`.  
+   - Werk uw databasereferenties bij in `backend/config/db.js`.
-   - Run migrations and seed data if applicable.  
+   - Voer migraties uit en seed data indien van toepassing.
 
 ---
 
-## 🎮 Gamification Details  
+## 🎮 Gamificatie Details
 
-- **Achievements:** Unlock badges for specific milestones.  
+- **Prestaties:** Ontgrendel badges voor specifieke mijlpalen.
-- **Leaderboards:** Compare skills and contributions with peers.  
+- **Leaderboards:** Vergelijk vaardigheden en bijdragen met medestudenten.
-- **Challenges:** Weekly and monthly challenges to encourage engagement.  
+- **Uitdagingen:** Wekelijkse en maandelijkse uitdagingen om betrokkenheid te stimuleren.
 
 ---
 
-## 🤝 Collaboration  
+## 🤝 Samenwerking
 
-- Group size: 4 members.  
+- Groepsgrootte: 4 leden.
-- Communicate effectively and split tasks based on skill sets.  
+- Communiceer effectief en verdeel taken op basis van vaardigheden.
-- Validate solutions using multiple sources and seek guidance when needed.  
+- Valideer oplossingen met behulp van meerdere bronnen en vraag om begeleiding wanneer dat nodig is.
 
 ---
 
-## 📚 Resources  
+## 📚 Bronnen
 
-- [SBB Nederland Qualification Framework](https://www.s-bb.nl/)  
+- [SBB Nederland Kwalificatiedossier](https://www.s-bb.nl/)
 - [MDN Web Docs](https://developer.mozilla.org/)
 - [Stack Overflow](https://stackoverflow.com/)
 
@@ -113,7 +122,6 @@ This project is a modern social network platform designed to facilitate skill ex
 
 ## 💡 Tips
 
-- Research thoroughly and verify answers from multiple sources.  
+- Onderzoek grondig en verifieer antwoorden uit meerdere bronnen.
-- Take advantage of your mentors' expertise when in doubt.  
+- Maak gebruik van de expertise van uw mentoren bij twijfel.
-- Focus on both functionality and user experience.  
+- Focus op zowel functionaliteit als gebruikerservaring.
-

projects/year_01/challenge_05/README.md

@@ -1,5 +1,15 @@
 # Challenge 05: Netwerk Bouwen
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Deze challenge richtte zich op het bouwen van een netwerk. De `documentatie` map bevat diverse JPG-afbeeldingen die waarschijnlijk netwerkdiagrammen, configuraties of fysieke netwerkopstellingen voorstellen. Dit duidt erop dat de opdracht gericht was op het ontwerpen, implementeren of documenteren van een netwerkinfrastructuur.
 
 Hoewel er geen aanvullende tekstuele documentatie beschikbaar is, suggereren de afbeeldingen een praktische benadering van netwerkbeheer of -ontwerp. Mogelijke onderwerpen zijn netwerktopologieën, IP-adressering of de configuratie van netwerkapparatuur.
+
+---
+
+[View Project](./netwerk%20bouwen)

projects/year_01/challenge_07/README.md

@@ -1,5 +1,11 @@
 # Challenge 07: Schoolkantine Bestelsysteem
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project omvat de ontwikkeling van een bestelsysteem voor een schoolkantine, gericht op het efficiënt beheren van producten en bestellingen via een MySQL-database.
 
 ## Database Structuur en Inhoud
@@ -23,3 +29,7 @@ De kern van het systeem wordt gevormd door de `schoolkantine.sql` database, die
 ## Doel
 
 Het systeem is ontworpen om een efficiënt en gebruiksvriendelijk bestelproces in de schoolkantine te faciliteren. Dit resulteert in een gestroomlijnde workflow, wat zowel studenten als kantinepersoneel ten goede komt.
+
+---
+
+[View Project](./Schoolkantine)

projects/year_01/challenge_07/Schoolkantine/README.md

@@ -1 +1,9 @@
-# Schoolkantine
+# Challenge 07: Schoolkantine
+
+---
+
+[<-- Terug naar hoofd-README](../../../../../README.md)
+
+---
+
+Dit is de projectmap voor Challenge 07.

projects/year_01/challenge_08/README.md

@@ -1,5 +1,11 @@
 # Challenge 08: Pokédex Database Constructie
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project richt zich op de geautomatiseerde constructie van een Pokédex-database. Het maakt gebruik van een Node.js-script (`fetch_and_insert.js`) om uitgebreide Pokémon-gegevens op te halen van de officiële PokéAPI en deze te structureren in een lokale MySQL-database.
 
 ## Functionaliteit van `fetch_and_insert.js`
@@ -25,3 +31,7 @@ Het script automatiseert het proces van data-acquisitie en -opslag, waarbij de v
 ## Doel
 
 Dit project demonstreert een robuuste methode voor het programmatisch vullen van een relationele database met externe API-gegevens. Dit is een essentiële vaardigheid voor het bouwen van data-gedreven applicaties, zoals een Pokédex.
+
+---
+
+[View Project](./pokedex)

projects/year_01/challenge_08/pokedex/README.md

@@ -0,0 +1,9 @@
+# Challenge 08: Pokedex
+
+---
+
+[<-- Terug naar hoofd-README](../../../../../README.md)
+
+---
+
+Dit is de projectmap voor Challenge 08.

projects/year_01/challenge_09/README.md

@@ -1,5 +1,11 @@
 # Challenge 09: Spik & Span Evenementenwebsite
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project betreft een website voor "Spik & Span", specifiek gericht op een evenement met een sterke carnavalsassociatie. De website onderscheidt zich door een dynamische video-achtergrond en een heldere navigatiestructuur.
 
 ## Belangrijkste Functionaliteiten en Pagina's
@@ -17,3 +23,7 @@ Dit project betreft een website voor "Spik & Span", specifiek gericht op een eve
 ## Doel
 
 De website fungeert als een centraal platform voor informatievoorziening en ticketverkoop voor het "Spik & Span"-evenement. De focus ligt op gebruiksgemak en een thematische presentatie die naadloos aansluit bij de carnavalsfeer.
+
+---
+
+[View Project](./Spik-en-span)

projects/year_01/challenge_10/README.md

@@ -1,5 +1,11 @@
 # Challenge 10: School Street View
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project richtte zich op het creëren van een virtuele tour door de school, vergelijkbaar met Google Maps Street View. Het hoofddoel was het realiseren van een interactieve weergave van de schoolomgeving aan de hand van een reeks foto's.
 
 ## Functionaliteit
@@ -8,3 +14,7 @@ Dit project richtte zich op het creëren van een virtuele tour door de school, v
 *   **Interactieve Elementen:** Het project omvatte het slim koppelen van de foto's, wat resulteerde in een vloeiende "loop"-ervaring voor de gebruiker.
 
 De map `Foto's` bevat de afbeeldingen die specifiek voor deze virtuele tour zijn gebruikt. De bestandsnamen (bijv. `PIC_2013_01_01_01_01_27`) suggereren een chronologische of sequentiële ordening, essentieel voor de navigatie binnen de tour.
+
+---
+
+[View Project](./Foto's)

projects/year_01/challenge_11/README.md

@@ -1,5 +1,11 @@
 # Challenge 11: CRM-module voor Autotuning Website
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project richt zich op de uitbreiding van een bestaande website voor een autotuningbedrijf. Het doel is het integreren van een op maat gemaakte Customer Relationship Management (CRM)-module om de klantcommunicatie te verbeteren en alle klantcontacten efficiënt vast te leggen.
 
 ## Projectdoelstellingen en Klantvereisten
@@ -22,3 +28,7 @@ De website en de nieuwe CRM-module zijn specifiek gericht op:
 ## Achtergrond
 
 De behoefteanalyse en vragenlijst (`ingevulde_behoefte_analyse.md`, `Vragenlijst_antwoorden.md`) benadrukken de noodzaak van een betere vastlegging van klantinteracties. Dit is cruciaal voor het optimaliseren van de service en het stroomlijnen van bedrijfsprocessen. Dit project draagt bij aan effectievere communicatie en een verbeterd klantrelatiebeheer voor het autotuningbedrijf.
+
+---
+
+[View Project](./portifolio(work_in_progress))

projects/year_02/challenge_13/Messy-coder-Verbeterd/README.md

@@ -1,4 +1,12 @@
+
+# Challenge 13: Messy Coder Verbeterd
+
+---
+
+[<-- Terug naar hoofd-README](../../../../../README.md)
+
+---
+
 # Lorenzo von Matterhorn
 
-Hello, my name is Lorenzo and this is my portfolio site!
+Hallo, mijn naam is Lorenzo en dit is mijn portfolio site!
-

projects/year_02/challenge_13/README.md

@@ -1,5 +1,11 @@
 # Challenge 13: Messy Coder Verbeterd - Code Refactoring en Kwaliteitsverbetering
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project, getiteld "Messy-coder-Verbeterd", had als hoofddoel het refactoren en significant verbeteren van een bestaande codebase. Deze codebase, oorspronkelijk voor een portfolio website van "Lorenzo von Matterhorn", werd gekenmerkt als "rommelig".
 
 ## Projectdoelstellingen
@@ -16,3 +22,7 @@ De kern van deze challenge was het transformeren van een minder optimale codebas
 ## Achtergrond
 
 De portfolio website diende als een praktische casestudy. Het project bood de gelegenheid om vaardigheden in code-analyse, refactoringtechnieken en kwaliteitsborging te ontwikkelen, en benadrukte het belang van schone code en een goed gestructureerde applicatie voor duurzaam software-ontwikkeling.
+
+---
+
+[View Project](./Messy-coder-Verbeterd)

projects/year_02/challenge_14/Challenge_14_Magazijn_App_plannen/README.md

@@ -1,4 +1,10 @@
-# Challenge 14: Magazijn App
+# Challenge 14: Magazijn App Plannen
+
+---
+
+[<-- Back to Main README](../../../../../README.md)
+
+---
 
 ## Over dit project
 

projects/year_02/challenge_14/README.md

@@ -1,5 +1,11 @@
 # Challenge 14: Magazijn App Plannen - Gedetailleerd Ontwerp
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project omvat de gedetailleerde planning en het conceptuele ontwerp van een magazijn-app. Deze app is specifiek bedoeld voor het beheer van uitleenbare materialen aan studenten en docenten binnen een onderwijsinstelling. Het hoofddoel is het organiseren en stroomlijnen van het uitleenproces, om zo verlies te minimaliseren en het voorraadbeheer te optimaliseren.
 
 ## Belangrijkste Functionaliteiten van de App
@@ -66,3 +72,7 @@ De database is conceptueel ontworpen met de volgende entiteiten en hun onderling
 *   Een **Uitleen** kan één **Boete** hebben (indien het item te laat is ingeleverd).
 
 Dit gedetailleerde plan dient als blauwdruk voor de implementatie van de magazijn-app in toekomstige fases.
+
+---
+
+[View Project](./Challenge_14_Magazijn_App_plannen)

projects/year_02/challenge_15/Challenge_15_Magazijn_App_Maken/README.md

@@ -0,0 +1,9 @@
+# Challenge 15: Magazijn App Maken
+
+---
+
+[<-- Terug naar hoofd-README](../../../../../README.md)
+
+---
+
+Dit is de projectmap voor Challenge 15.

projects/year_02/challenge_15/README.md

@@ -1,5 +1,11 @@
 # Challenge 15: Magazijn App Maken - Implementatie van het Uitleensysteem
 
+---
+
+[<-- Back to Main README](../../../../README.md)
+
+---
+
 Dit project markeert de implementatiefase van de magazijn-app, waarvan het gedetailleerde plan is opgesteld in Challenge 14. Het hoofddoel is het ontwikkelen van een volledig functionele applicatie voor het efficiënt beheren en uitlenen van materialen binnen een schoolmagazijn.
 
 ## Implementatie op Basis van Challenge 14
@@ -18,3 +24,7 @@ De ontwikkeling van deze app volgt nauwgezet de specificaties en het ontwerp dat
 De applicatie zal worden gekoppeld aan een database die is ontworpen volgens het Entity-Relationship Diagram (ERD) uit Challenge 14. Deze database omvat tabellen voor gebruikers, items, uitleningen, notificaties en boetes, wat zorgt voor een robuuste en gestructureerde opslag van alle relevante gegevens.
 
 Dit project brengt het conceptuele ontwerp van de magazijn-app tot leven door het te vertalen naar een werkende applicatie die de processen in het schoolmagazijn aanzienlijk zal verbeteren.
+
+---
+
+[View Project](./Challenge_15_Magazijn_App_Maken)