Sklep internetowy z telefonami komórkowymi
Nowoczesna i funkcjonalna aplikacja e-commerce katalogu telefonów komórkowych, zaprojektowana zgodnie z profesjonalnym szablonem Figma. Projekt jest ukierunkowany na stworzenie szybkiego, interaktywnego i w pełni responsywnego interfejsu (Mobile-first).
Kluczowa funkcjonalność projektu:
• Pełnoprawny katalog produktów z paginacją dla wygodnej nawigacji.
• Elastyczne sortowanie (według ceny, nowości, alfabetycznie) oraz filtrowanie według kategorii.
• Żywe wyszukiwanie produktów według nazwy.
• Strona szczegółów produktu z pełnymi informacjami, galerią zdjęć (przełączanie zdjęć) oraz sekcją polecanych produktów.
• Funkcjonalność koszyka: dodawanie/usuwanie produktów, zarządzanie ilością, dynamiczne obliczanie całkowitej wartości.
• Sekcja „Ulubione”: dodawanie produktów do ulubionych z zachowaniem stanu między sesjami użytkownika (Persistent state).
Stos technologiczny:
• React (architektura komponentowa, hooki)
• TypeScript (ścisła typizacja danych)
• React Router DOM (realizacja wielostronicowej nawigacji)
• SCSS / Bulma CSS (responsywne pixel-perfect layout zgodnie z metodologią BEM)
• Vite (szybka budowa aplikacji)
• Cypress (testowanie funkcjonalności interfejsu)
• ESLint / Prettier (czystość i formatowanie kodu)
W trakcie rozwoju skutecznie rozwiązano złożone zadania związane z zarządzaniem globalnym stanem aplikacji (koszyk, ulubione), optymalizacją logiki filtrowania dużych zbiorów danych oraz zapewnieniem idealnego wyświetlania na smartfonach, tabletach i komputerach stacjonarnych.
#react #typescript #frontend #scss #ecommerce #web-programming #verstka #figma
Kluczowa funkcjonalność projektu:
• Pełnoprawny katalog produktów z paginacją dla wygodnej nawigacji.
• Elastyczne sortowanie (według ceny, nowości, alfabetycznie) oraz filtrowanie według kategorii.
• Żywe wyszukiwanie produktów według nazwy.
• Strona szczegółów produktu z pełnymi informacjami, galerią zdjęć (przełączanie zdjęć) oraz sekcją polecanych produktów.
• Funkcjonalność koszyka: dodawanie/usuwanie produktów, zarządzanie ilością, dynamiczne obliczanie całkowitej wartości.
• Sekcja „Ulubione”: dodawanie produktów do ulubionych z zachowaniem stanu między sesjami użytkownika (Persistent state).
Stos technologiczny:
• React (architektura komponentowa, hooki)
• TypeScript (ścisła typizacja danych)
• React Router DOM (realizacja wielostronicowej nawigacji)
• SCSS / Bulma CSS (responsywne pixel-perfect layout zgodnie z metodologią BEM)
• Vite (szybka budowa aplikacji)
• Cypress (testowanie funkcjonalności interfejsu)
• ESLint / Prettier (czystość i formatowanie kodu)
W trakcie rozwoju skutecznie rozwiązano złożone zadania związane z zarządzaniem globalnym stanem aplikacji (koszyk, ulubione), optymalizacją logiki filtrowania dużych zbiorów danych oraz zapewnieniem idealnego wyświetlania na smartfonach, tabletach i komputerach stacjonarnych.
#react #typescript #frontend #scss #ecommerce #web-programming #verstka #figma