Margarita Ostapenko
Zaproponuj Margarita pracę nad swoim kolejnym zleceniem.
Ranking
Poziom znajomości języków obcych
Umiejętności i kwalifikacje
Portfolio
-
2908 PLN Hekto Furniture Shop – wielostronicowa aplikacja
Javascript & TypescriptHekto Furniture — pełnoprawny wielostronicowy sklep internetowy z meblami, stworzony od podstaw.
Strona imituje funkcjonalność rzeczywistego e-commerce: katalog produktów, koszyk, przejścia między stronami.
Projekt demonstruje nowoczesne umiejętności frontendowe z użyciem #React , #TypeScript , #React-i18next, #react-hooks, #ReactRouterDOM i #Vite, #HTML/CSS/JavaScript/jQuery .
Cel i korzyści projektu:
… Demonstruje zrozumienie architektury sklepów internetowych.
Pokazuje umiejętności zarządzania stanem, routingu, podejścia komponentowego.
Może stanowić podstawę dla skalowalnych projektów.
Użyte technologie:
React – budowa interfejsu.
TypeScript – typizacja danych.
Redux Toolkit – globalne zarządzanie stanem (produkty, koszyk).
React Router – routowanie między stronami.
Vite – nowoczesny szybki build.
CSS – stylizacja komponentów.
Git + GitHub – kontrola wersji, publiczne repozytorium.
Netlify – hosting i wdrożenie.
Podstawowa funkcjonalność:
Strona główna z banerem i kategoriami.
Katalog produktów.
Dynamiczne karty produktów.
Koszyk, zaimplementowany przez Redux.
Przejścia między stronami przez React Router.
Struktura komponentów, responsywne układy.
GitHub: github.com/Margarita792/Hekto-Furniture
-
2544 PLN FurniShop – Sklep internetowy z meblami
Javascript & TypescriptFurniShop – to nowoczesny sklep internetowy z meblami, stworzony z wykorzystaniem #html/css, JS, React, React Router oraz hooków useState. Projekt demonstruje interaktywne możliwości React, a także podział logiki na komponenty dla elastyczności i skalowalności.
Główna funkcjonalność:
Strona główna: Prezentacja produktów i marki.
Katalog (/shop): Filtrowanie produktów, sortowanie, paginacja.
… Karta produktu (/shop/product/:id): Wybór rozmiaru, koloru, dodawanie do koszyka.
Porównanie produktów (/shop/comparison).
Koszyk (/cart): Zmiana ilości, usuwanie produktów, obliczanie kosztów.
Składanie zamówienia (/checkout).
Blog (/blog).
Kontakty (/contact).
Cechy techniczne:
React Router – nawigacja po stronie klienta bez przeładowania strony.
Hook useState – zarządzanie koszykiem i produktami bez użycia Redux.
Podejście komponentowe – wielokrotne wykorzystanie modułów.
Logika obliczania rabatów, filtrów i sortowania.