Viktor Baratej

Zaproponuj Viktor pracę nad swoim kolejnym zleceniem.

Ukraina

3 miesiące 5 dni temu

gotowy do podjęcia pracy

w Serwisie 1 rok

web developer
flexbox

Ranking

Zakończonych zleceń

Średnia ocena

Ranking

Układ HTML i CSS

1916 miejsce z 5615

Javascript & Typescript

1312 miejsce z 3459

Poziom znajomości języków obcych

Umiejętności i kwalifikacje

Programowanie

Portfolio

Eksploruj-Indonezję

Programowanie stron internetowych

Zbadaj Indonezję
To adaptacyjna strona docelowa stworzona na podstawie [projektu Figma] dla turystycznej strony internetowej o Indonezji.

Kluczowe cechy
… Idealne pikselowe układ, zgodny z projektem
W pełni adaptacyjny design
Podejście zorientowane na urządzenia mobilne
Nowoczesny i czysty interfejs użytkownika
Płynna animacja i przewijanie (jeśli dotyczy)
Optymalizowane obrazy i zasoby
Wykorzystane technologie
HTML5 / CSS3 / JavaScript
(REACT + Vite)
GENIUS

Układ HTML i CSS

GENIUS — Strona docelowa kursu edukacyjnego
Strona docelowa według projektu z Figma z nowoczesnym designem, akcentami na CTA i wyraźną strukturą. Użyto HTML, CSS i JavaScript bez zewnętrznych frameworków.

Technologie
… HTML5
CSS3
JavaScript (timer, scroll, logika zmiany cen)
Zadanie techniczne
Tworzymy wersję na PC 1:1 jak na projekcie, wersję mobilną można zrobić responsywnie samodzielnie, ale aby wyglądała świetnie. (dla wersji mobilnej jest osobno narysowany blok „Program kursu”).

Dwie przyciski „Zapisz się na kurs” w pierwszym bloku prowadzą płynnie scrollując do pakietów „Format uczestnictwa”, na przyciskach umieszczamy płynne animacje ze zmianą tła przycisku z fioletowego na biały.

Blok „Program kursu”, każdy moduł płynnie otwiera się jako rozwijany element z dołu, można go rozwinąć i otworzyć klikając na blok „Moduł…”. Każda lekcja ma swój osobny opis (nazwy lekcji i opisy można wziąć z projektu i dla każdego modułu zrobić takie same). W każdej lekcji jest przycisk „Zarezerwuj miejsce na kurs”, który prowadzi do bloku z pakietami „Format uczestnictwa”.

Blok „Wybierz swój format uczestnictwa” ma timer do następnego piątku do 23:59, każdy punkt w formatach uczestnictwa, przy którym jest ikona, ma swoją podpowiedź po najechaniu, na każdy punkt można ustawić taką samą podpowiedź, która jest na projekcie. Przy cenach w tym bloku należy umieścić skrypt, który razem z timerem w wyznaczonej dacie automatycznie zmieni ceny, można zmienione ceny ustawić na 1 tys. zł więcej, i tak 4 razy. To znaczy, jeśli pakiet kosztuje 10080, to następna cena 11080, następna 12080 itd.

Blok „Raty” ma pośrodku deadline „Oferta ważna do:”, tam należy ustawić skrypt, który bierze dzisiejszą datę i dodaje +2 dni do tej daty.

Status wykonania
Wersja PC 1:1 z projektem
Płynny scroll i animacje przycisków
Rozwijane moduły programu
Podpowiedzi po najechaniu
Timer do piątku
Automatyczna zmiana ceny (4 etapy)
Skrypt rat (dodaje 2 dni do bieżącej daty)
Projekt nie używa zewnętrznych bibliotek ani frameworków
Cały kod napisany ręcznie z naciskiem na czysty kod i funkcjonalność.
Portfolio

Układ HTML i CSS

Zaktualizowałem swoje portfolio: dodałem formularz do wysyłania wiadomości bezpośrednio na email + wdrożyłem stronę na Vercel!
Kontynuuję doskonalenie swojej strony portfolio jako Frontend Developer, dodałem do sekcji O mnie
“Acordeon” z płynna animacją.
Tym razem zrealizowałem pełnoprawny formularz kontaktowy, który zawiera:
… - Imię
- Email
- Wiadomość
- Przycisk "Wyślij mi wiadomość"
Dane z formularza są wysyłane do mnie na email za pomocą Emailjs, a użytkownik widzi przyjemną wiadomość przez iziToast.
Co pod maską:
HTML / CSS / JS;
Emailjs;
Nodemailer do wysyłania wiadomości;
dotenv;
iziToast do powiadomień UI;
Vecel jako platforma hostingowa;

Aktywność

Ostatnie oferty 10	Budżet	Dodana	Terminy	Oferta
Szukam juniora front-end developera do realizacji strony wizytówki (projekt gotowy, Figma) 411 PLN	411 PLN	19 lut	3 dni	odrzucona
Stylizować karty produktu 58 PLN	58 PLN	30 st	1 dzień
Opracowanie strony internetowej od podstaw dla firmy logistycznej z formularzem 822 PLN	822 PLN	29 st	15 dni
Układ, funkcjonalność 206 PLN	206 PLN	29 st	1 dzień	odrzucona
Projektowanie struktury katalogu oświetlenia (OpenCart) 82 PLN	82 PLN	29 st	1 dzień
Praca z opiniami na prom i rozetka 411 PLN	411 PLN	29 st	1 dzień
Drobne poprawki sklepu internetowego na opencart 123 PLN	123 PLN	29 st	1 dzień
Realizacja szablonu Figma -> ElementorPro 822 PLN	822 PLN	28 st	10 dni
Poprawki na stronie masażu 58 PLN	58 PLN	28 st	1 dzień
Wykonanie layoutu strony lądowania 329 PLN	329 PLN	28 st	5 dni