Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak

Dmytro Dobrovolskyi

Zaproponuj Dmytro pracę nad swoim kolejnym zleceniem.

Ukraina Kijów, Ukraina
1 miesiąc 16 dni temu
Gotowy do podjęcia pracy gotowy do podjęcia pracy
wiek 24 lata
w Serwisie 6 miesięcy 19 dni

Ranking

Zakończonych zleceń
Brak danych
Średnia ocena
Brak danych
Ranking
276
Układ HTML i CSS
Javascript & Typescript

Poziom znajomości języków obcych

Українська Українська: native
Русский Русский: native
English English: średniozaawansowany

Umiejętności i kwalifikacje

Programowanie

Portfolio


  • Ciepłe Serce

    Javascript & Typescript
    Warm Heart — to internetowy sklep, zaprojektowany z wykorzystaniem nowoczesnych technologii webowych, takich jak React, RTK, moduły CSS, Swiper.js, Animate.css i React-Loading-Skeleton. Strona zapewnia wygodną platformę do zakupów z wieloma przydatnymi funkcjami.

    Główne cechy:

    Responsywna szata graficzna: strona w pełni odpowiada makietom i doskonale wyświetla się na różnych urządzeniach.

    Slider: za pomocą Swiper.js na stronie głównej zrealizowano slider, który pozwala efektywnie prezentować produkty.

    Paginação: korzystając z zapytań do serwera przez JSON Server, strony są dzielone na oddzielne części dla wygody nawigacji po dużej liczbie produktów.

    Karty produktów: każdy produkt jest przedstawiony w formie karty z podstawowymi cechami, ceną i możliwością dodania do koszyka.

    Koszyk: użytkownik może dodawać produkty do koszyka i przeglądać je w dowolnym momencie.

    Ostatnio przeglądane produkty: strona śledzi ostatnio przeglądane produkty i udostępnia je użytkownikowi dla szybkiego dostępu.

    Wyszukiwanie: istnieje wbudowany system wyszukiwania, który pozwala szybko znajdować produkty według określonych kryteriów.

    Technologie:

    React: do tworzenia dynamicznych i reaktywnych komponentów.

    RTK (Redux Toolkit): do centralnego zarządzania stanem aplikacji, upraszczając pracę z danymi.

    Moduły CSS: do stylizacji komponentów, co pozwala uniknąć konfliktów klas i czyni style lokalnymi.

    Swiper.js: do tworzenia pięknego i funkcjonalnego slidera na stronie głównej.

    Animate.css: do dodawania animacji, co sprawia, że interakcja z witryną jest bardziej żywa i dynamiczna.

    React-Loading-Skeleton: do wyświetlania ekranów skeleton podczas ładowania danych, poprawiając doświadczenie użytkownika.