Przejdź do treści
Home Blog Projekty O mnie

Edukacyjne Gry Online

🎮 Edukacyjne Gry Online

Serwis oferuje kilkanaście mini-gier edukacyjnych, które w lekkiej, kolorowej formie ćwiczą rozpoznawanie liter, cyfr, wyrazów oraz proste działania matematyczne.

✨ Funkcjonalność

Wszystkie gry

Wszystkie gry

  • Litery na klawiaturze – rozpoznawanie wielkich liter na podstawie obrazków i dźwięków; warianty obejmują małe litery oraz tryb “tylko obrazek”.

Litery na klawiaturze

  • Cyfry na klawiaturze – zgadywanie cyfr wyświetlanych; dodatkowy tryb zasłania cyfrę, aby ćwiczyć pamięć.

Cyfry na klawiaturze

  • Wyrazy – gra na wieloznakowe hasła z możliwością przełączania na małe litery.

Wyrazy

  • Wyrazy własne – ze wsparciem dla własnych zestawów słów i grafik ładowanych przez użytkownika.

Wyrazy własne

  • Memory – klasyczna gra pamięciowa z trzema wariantami: wielkie litery, małe litery oraz miks par (duża + mała litera).

Memory

  • Gry matematyczne – dodawanie i odejmowanie w zakresie 0‑9 z wizualnym podsumowaniem postępów i dialogiem wyników motywującym do kolejnych sesji.

Gry matematyczne

🧱 Architektura

  • Angular – pojedynczy AppModule spina aplikację, a RouterModule.forRoot w trybie hashowym przełącza poszczególne gry bez przeładowania strony.
  • Komponenty domenowe – każda gra posiada własny komponent i model w src/app/games/..., co umożliwia niezależny rozwój trybów.
  • Warstwa UI współdzielona – toolbar, pasek postępu i dialogi wyników mieszkają w src/app/component oraz src/app/dialog, więc logika gier pozostaje lekka.
  • Lokalne przechowywanie danych – serwisy (np. WordDatabaseService) korzystają z idb-keyval, aby trzymać zasoby w IndexedDB i utrzymać aplikację całkowicie statyczną.