E-commerce Plants Shop

Projekt sklepu internetowego z ro艣linkami 馃尶 Apliakcja, kt贸r膮聽uwa偶am za najlepsz膮 je艣li chodzi o aspekty wizualne. Jest to e-commerce, w kt贸rym mo偶emy wybiera膰, dostosowywa膰 i kupowa膰 wybrane ro艣liny.

Informacje

Technologie

  • React
  • Firebase
  • Styled Components
  • DatoCMS
  • PWA
  • Storybook
  • CircleCI

Proces

By艂a to moja pierwsza powa偶niejsza aplikacja w Reakcie. Jak zawsze, zacz臋艂o si臋聽od projektu strony. Postawi艂em na minimalizm, wysz艂o to bardzo dobrze. Stworzy艂em ekran logowania/rejestracji, podpi膮艂em pod niego Firebase i przyst膮pi艂em do pisania kodu!

Strona g艂贸wna aplikacji

Ekran logowania/rejestracji

Apliakcja to w wi臋kszo艣ci same komponenty czysto prezentacyjne, jedyn膮聽wi臋ksz膮 logik膮 by艂o zaimplementowanie koszyka. Tutaj skorzysta艂em z Reaktowego Contextu

PWA i performance

Aplikacja, pomimo tego, 偶e by艂a renderowana po stronie klienta(czysty React) wykr臋ca艂a 艣wietne wyniki w Google LightHouse. Dodatkowo, zosta艂a zrobiona w ramach nurtu Progressive Web Apps.

Czego si臋 nauczy艂em?

Plants shop to wielki krok w prz贸d je艣li chodzi o moje skille frontendowe. To na tej apliakcji pr贸bowa艂em czego艣 zupe艂nie wcze艣niej nie znanego - Reakta! Po takim czasie kod na pewno daj臋聽du偶o do 偶ycznia, ale sam design do teraz bardzo mi si臋聽podoba.