Dwustroniczna strona. Gra 2048
Samodzielnie zaprojektowałem stronę internetową od podstaw, w tym cały design. Strona składa się z dwóch głównych stron: głównej i strony z grą. Na stronie głównej przedstawiona jest informacja o grze 2048, jej historii, zasadach i cechach. Dodałem animacje do nagłówka i obrazów, aby uczynić stronę bardziej dynamiczną. W tym celu użyłem biblioteki GSAP, która zapewnia płynne przejścia i inne efekty.
Na stronie głównej użyłem animowanego paska postępu, który wyświetla się podczas ładowania strony.
Strona gry zawiera planszę z numerycznymi kafelkami, gdzie gracz może rywalizować, starając się osiągnąć kafelek z liczbą 2048. Wynik gracza wyświetlany jest w nagłówku. Na każdej stronie znajduje się stopka z linkiem do powrotu na stronę główną lub na stronę gry.
Podłączyłem biblioteki GSAP do tworzenia efektów animacyjnych i zapewnienia płynnego przewijania strony. Do stylizacji wszystkich elementów użyłem CSS, podłączyłem zewnętrzne czcionki dla bardziej profesjonalnego wyglądu. Każdy element został starannie zaprojektowany, aby zapewnić przyjemne doświadczenie użytkownika.
Warto zauważyć, że strona jest tylko wersją desktopową i nie jest zoptymalizowana dla urządzeń mobilnych. Mój główny nacisk był na stworzeniu atrakcyjnego i wygodnego interfejsu dla użytkowników komputerów stacjonarnych.
Na stronie głównej użyłem animowanego paska postępu, który wyświetla się podczas ładowania strony.
Strona gry zawiera planszę z numerycznymi kafelkami, gdzie gracz może rywalizować, starając się osiągnąć kafelek z liczbą 2048. Wynik gracza wyświetlany jest w nagłówku. Na każdej stronie znajduje się stopka z linkiem do powrotu na stronę główną lub na stronę gry.
Podłączyłem biblioteki GSAP do tworzenia efektów animacyjnych i zapewnienia płynnego przewijania strony. Do stylizacji wszystkich elementów użyłem CSS, podłączyłem zewnętrzne czcionki dla bardziej profesjonalnego wyglądu. Każdy element został starannie zaprojektowany, aby zapewnić przyjemne doświadczenie użytkownika.
Warto zauważyć, że strona jest tylko wersją desktopową i nie jest zoptymalizowana dla urządzeń mobilnych. Mój główny nacisk był na stworzeniu atrakcyjnego i wygodnego interfejsu dla użytkowników komputerów stacjonarnych.