Warstwa front-end sklepu internetowego hurtowni elektrycznej Kwant wykonana przez nasz zespół, w której ofercie znajdują się dziesiątki tysięcy produktów wraz z customowym CMS'em opartym o Strapi i ChatGPT do generowania treści blogowych. Poza sklepem oraz blogiem w aplikacji znajdują się również moduły ofertowe, strefa pracownika, rozbudowany panel użytkownika, integracja z aplikacją mobilną klienta „Kwant App" oraz wiele innych. Projekt UI sklepu internetowego oraz back end zostały wykonane przez klienta.
Wykorzystane narzędzia i technologie
Założeniem projektu było stworzenie nowoczesnego sklepu internetowego działającego w branży hurtowni elektrycznych z odświeżonym względem poprzedniej wersji wyglądem. Klient posiadał już większość makiet oraz backendu, pozwoliło to nam na szybkie rozpoczęcie developmentu front endu aplikacji. Zadania zespołu były dzielone na tygodniowe sprinty. Cotygodniowe spotkania z klientem oraz jego zespołem pozwalały nam na szybką implementację zadań oraz rozwikłanie wszelkich wątpliwości pojawiających się w trakcie developmentu, dzięki czemu projekt powstał w bardzo szybkim tempie. Użycie platformy Vercel pozwoliło nam na szybkie skonfigurowanie CI/CD, dzięki czemu w ekspresowym tempie mogliśmy pokazywać rezultat naszych działań klientowi. W niespełna sześć miesięcy projekt sklepu został ukończony. Obecnie skupiamy się na utrzymaniu oraz dodawaniu nowych funkcji i pozostajemy w stałym kontakcie z klientem i jego zespołem.
Sklep internetowy kwant.net.pl poza oczywistymi funkcjami takimi jak możliwość dodawania produktu do koszyka, możliwość przeglądania kategorii, możliwość wyszukiwania produktów oraz możliwość składania zamówień posiada również takie funkcje jak:
- możliwość wyboru oddziału klienta, z którego zostaną wyświetlone domyślne stany magazynowe produktu,
- możliwość sprawdzenia stanów magazynowych w innych oddziałach oraz możliwość zamówienia produktów do wybranych oddziałów
- możliwość rejestracji jako osoba fizyczna lub firma
- rozbudowany panel służący do zarządzania kontem w sklepie
- panel dla pracowników sklepu „Strefa Pracownika"
- moduły aktualności oraz moduł „Akademia Kwant" z artykułami oraz aplikacjami, z których mogą korzystać klienci sklepu
- moduł z informacjami na temat hurtowni i sklepu internetowego Kwant „Firma Kwant"
- strony oraz produkty promocyjne, umożliwiające odbiór określonych nagród w trakcie realizacji zamówień
- możliwość dołączenia do programu lojalnościowego sklepu
- integracja z aplikacją mobilną „Kwant App"
Harmonogram projektu:
- kwiecień 2023 – rozpoczęcie pracy nad projektem
- wrzesień 2023 – ukończenie developmentu sklepu, rozpoczęcie testów
- październik 2023 – zakończenie testów, uruchomienie sklepu
Stack technologiczny:
- React
- Next.js
- TypeScript
- Material UI
- React Hook Form
- React Query
- Axios
- Zustand
- Stapi + ChatGPT
- Vercel
Wnioski
Dzięki dobrze sprecyzowanym wymaganiom oraz dobremu kontaktowi z klientem wykonaliśmy bardzo szybką aplikację sklepu internetowego. Wykorzystanie sprawdzonych na rynku rozwiązań takich jak Next.js wraz z platformą Vercel pomogło nam szybko dostarczać nowe funkcje aplikacji i finalnie ukończyć projekt w stosunkowo krótkim czasie.
Poprzedni projekt
Mapowanie badań naukowych
Kolejny projekt
Pad Res - strona dla firmy z branży energii odnawialnej