Een innovatieve aanpak om taalontwikkeling bij kinderen te ondersteunen door middel van wetenschappelijke en technologische vooruitgang. Dit project richt zich op het verbeteren van moedertaal- en andere taalvaardigheden bij jonge kinderen door middel van een webapplicatie of mobiele website.

1. Introductie
2. Kenmerken
3. Screenshots
4. Live Link
5. Teamleden
6. Technische stack
7. Tools
8. Installatiehandleiding
9. Belangrijke scripts
10. Huisstijl
11. Bijdragen
12. Versies
13. Hints voor volgende teams
14. Gebruikte Bronnen
15. Badges
16. Link naar Projectboard
17. Licentie

Door de wetenschappelijke en technologische vooruitgang is er steeds meer inzicht in het proces van taalontwikkeling bij kinderen. Deze inzichten, gecombineerd met technologische mogelijkheden, bieden een grote toegevoegde waarde in het ondersteunen van ouders en kinderen bij hun taalontwikkeling. Dit project richt zich specifiek op:

• Het benutten van de voordelen van tweetalige opvoeding, zoals:
  • Verhoogde complexiteit van de taalstructuur.
  • Verbeterde hersenflexibiliteit, met voordelen voor de geestelijke gezondheid.
  • Verbeterde sociale vaardigheden en inlevingsvermogen.

Bovendien worden deze inzichten nog niet op grote schaal toegepast als ontwikkelings- of leermethode voor baby’s en zeer jonge kinderen.

• Ondersteunt ouders en kinderen bij taalontwikkeling.
• Focus op tweetaligheid vanaf jonge leeftijd.
• Taalverhalen en aandachtstestjes.
• Data-analysemogelijkheden voor onderzoekers.
• Gebruiksvriendelijke interface.

Bekijk de applicatie live

• Lemuel Magsino - Frontend Developer github
• Marjam Lodien - Backend Developer github
• Roumaisa El Filali - Backend Developer github)
• Mamush Hepark - UX/UI Designer github

• Jesse Kramer - Frontend Developer github

• Framework: SvelteKit
• Headless CMS: Directus
• Package manager: NPM
• Bundler: Vite
• Programmeertalen: HTML, CSS, JavaScript

• svgomg
• Web Developer Extension
• Polypane
• Figma (voor ontwerp en UI-uitwerking)

Volg deze stappen om de applicatie lokaal te installeren:

# Clone de repository
git clone https://github.com/Jesse-Kramer/tumi-mundo.git

# Installeer afhankelijkheden
npm install

# Start de applicatie
npm start

• npm run dev - Start de applicatie in ontwikkelmodus.
• npm run build - Bouwt de applicatie voor productie.
• npm run preview - Start een lokale preview van de productie-build.

De huisstijlrichtlijnen zijn beschikbaar in het Figma-bestand:

Oud: Huisstijl in Figma

Nieuw (gemaakt door @Mamush123454321) : Redesign Huisstijl

Contributies aan dit project zijn welkom! Volg deze stappen om bij te dragen:

1. Fork de repository.

2. Maak een nieuwe branch (git checkout -b feat/onderdeel-naam).

3. Commit je wijzigingen met een conventional commit bericht. Gebruik het volgende formaat:

   <type>[optional scope]: <korte beschrijving> [optional gitmoji] #issue-nummer

   Voorbeelden:

   • feat: voeg live transcript toe #42
   • fix: corrigeer verkeerde tijdcode in transcript #45
   • refactor: onnodige css regels verwijderd #12
   • chore: update dependencies #50

   Let op: het refereren van een issue is verplicht (#issue-nummer).

4. Commit regelmatig

5. Push naar je branch (git push origin feat/onderdeel-naam).

6. Maak een Pull Request en beschrijf duidelijk wat er is veranderd en waarom.

We hanteren Semantic Versioning en gebruiken Conventional Commits om versies automatisch te kunnen genereren en overzicht te houden in wijzigingen.

We werken op dit project met de onderstaande versies:

  "devDependencies": {
    "@fast-check/vitest": "^0.2.0",
    "@playwright/test": "^1.51.1",
    "@sveltejs/adapter-auto": "3.2.*",
    "@sveltejs/adapter-netlify": "^5.0.2",
    "@sveltejs/kit": "^2.21.2",
    "@sveltejs/vite-plugin-svelte": "3.0.*",
    "@testing-library/jest-dom": "^6.6.3",
    "@testing-library/svelte": "^5.2.7",
    "@types/node": "^22.13.16",
    "fast-check": "^4.0.1",
    "jsdom": "^26.0.0",
    "playwright": "^1.51.1",
    "svelte": "4.2.*",
    "vite": "5.0.*",
    "vitest": "^3.1.1"
  },
  "type": "module",
  "dependencies": {
    "@directus/sdk": "17.0.*",
    "bcryptjs": "^3.0.2",
    "form-data": "^4.0.2",
    "undici": "^7.7.0"
  }

• Zorg voor duidelijke documentatie bij nieuwe functies.
• Test nieuwe features grondig op verschillende apparaten.

• Figma
• Svelte docs
• Svelte view transitions
• Github/Briannededeugd
• Vercel
• Chatgpt
• Netlify

Bekijk het projectboard

Dit project is gelicenseerd onder de MIT-licentie. Zie het bestand LICENSE voor meer informatie.

Design