Sudoku

01 / problem

Sudoku, które sprawdza cię w trakcie gry

Sudoku na papierze nie daje informacji zwrotnej, dopóki nie skończysz. Wersja webowa może sprawdzać każdy ruch i mierzyć czas.

02 / rozwiązanie

Interaktywna plansza z natychmiastową informacją zwrotną

Gracz wpisuje cyfry i porusza się po dynamicznej planszy, wybiera poziom trudności od łatwego do trudnego i dostaje natychmiastową informację z wbudowanej walidacji. Zintegrowany stoper mierzy czas rozwiązywania.

• [screenshot 1]

  [podpis]

• [screenshot 2]

  [podpis]

03 / architektura

Jak to działa

Aplikacja Next.js 14 i React 18 w TypeScripcie, zorganizowana w strony, komponenty, hooki, reducery i kontekst, ze schematem Prisma i danymi seed. Dołączone są pliki Dockera, a statyczny eksport jest opublikowany na GitHub Pages.

04 / wyniki

Efekt

05 / wnioski

Czego się nauczyłem

• Reducery i kontekst trzymają stan planszy w jednym miejscu, z dala od komponentów komórek.
• Statyczny eksport na GitHub Pages w zupełności wystarcza jako hosting gry działającej po stronie klienta.