Katalog Telefonów Apple
# Główne opisy
Ten projekt pokazuje użytkownikowi linię produktów Apple. Użytkownik może przeglądać różne modele telefonów, tabletów i akcesoriów. Są te same sekcje: telefony, tablety i akcesoria. Strona internetowa pozwala na zmianę parametrów zapytania i wyszukiwanie najtańszych, najnowszych modeli zgodnie z nimi.
Aplikacja ma również sekcję ulubionych, w której użytkownik może wybrać najlepsze towary, oraz sekcję koszyka, w której użytkownicy mogą kupić wszystkie wybrane produkty. Przeglądarka użytkownika może przywrócić te informacje nawet po zamknięciu.
Na stronie internetowej można znaleźć sekcje "Gorące ceny", "Nowe modele", "Zakupy według kategorii". Dla lepszej struktury użyłem semantycznego układu.
# Frontend i stylizacja
Podstawowe: HTML, CSS, TypeScript na React
Stylizacja: SCSS, BEM (metodologia Block-Element-Modifier)
# Wymagania wstępne:
Node.js >= 20.17.0
npm >= 10.8.2
Swiper = 11.2.8
# Odniesienie do GitHub: https://github.com/Pavlo-lab-max-Kopalko/apple-phone-catalog
# Demo na żywo znajduje się poniżej.
Ten projekt pokazuje użytkownikowi linię produktów Apple. Użytkownik może przeglądać różne modele telefonów, tabletów i akcesoriów. Są te same sekcje: telefony, tablety i akcesoria. Strona internetowa pozwala na zmianę parametrów zapytania i wyszukiwanie najtańszych, najnowszych modeli zgodnie z nimi.
Aplikacja ma również sekcję ulubionych, w której użytkownik może wybrać najlepsze towary, oraz sekcję koszyka, w której użytkownicy mogą kupić wszystkie wybrane produkty. Przeglądarka użytkownika może przywrócić te informacje nawet po zamknięciu.
Na stronie internetowej można znaleźć sekcje "Gorące ceny", "Nowe modele", "Zakupy według kategorii". Dla lepszej struktury użyłem semantycznego układu.
# Frontend i stylizacja
Podstawowe: HTML, CSS, TypeScript na React
Stylizacja: SCSS, BEM (metodologia Block-Element-Modifier)
# Wymagania wstępne:
Node.js >= 20.17.0
npm >= 10.8.2
Swiper = 11.2.8
# Odniesienie do GitHub: https://github.com/Pavlo-lab-max-Kopalko/apple-phone-catalog
# Demo na żywo znajduje się poniżej.