Vladyslav Bevzenko
Zaproponuj Vladyslav pracę nad swoim kolejnym zleceniem.
Ranking
Umiejętności i kwalifikacje
Portfolio
-
164 PLN Strona docelowa
Układ HTML i CSSStos technologiczny:
HTML5: Semantyczna struktura strony.
CSS3 (Vanilla CSS): Stylizacja, responsywne układanie (Media Queries), niestandardowe właściwości (CSS Variables) do zarządzania schematem kolorów i czcionkami.
JavaScript (ES6+): Logika interakcji (menu, zmiana nagłówka podczas przewijania, aktywne linki).
… ScrollReveal: Biblioteka do tworzenia płynnych animacji pojawiania się elementów podczas przewijania.
Google Fonts (Poppins): Nowoczesna typografia.
Główne sekcje i funkcjonalność
Nagłówek i nawigacja:
Responsywne menu (Mobile First).
Efekt scroll-header: zmiana tła nagłówka podczas przewijania strony.
Aktywne linki: panel nawigacyjny podświetla odpowiednią sekcję w zależności od pozycji przewijania.
Sekcja główna (Hero):
Główne zdjęcie słuchawek z efektem pojawiania się.
Opis produktu i przycisk "Dodaj do torby" z ceną.
Użycie tekstu gradientowego dla nagłówków.
Sekcja sponsorów:
Logotypy partnerów lub marek umieszczone w responsywnej siatce.
Sekcja specyfikacji:
Szczegółowe informacje o parametrach technicznych (Bluetooth 5.2, Bateria 40h, Szybkie ładowanie, wsparcie Siri).
Wizualizacja specyfikacji za pomocą ikon SVG.
Sekcje etui i zniżek:
Blok o etui ochronnym.
Blok promocyjny z interaktywną animacją i przyciskiem "Kup teraz".
Sekcja produktów:
Karty produktów w różnych kolorach (Czarny, Czerwony, Srebrny, Zielony, Niebieski).
Każda karta zawiera zdjęcie, nazwę, cenę i przycisk zakupu.
Stopka:
Linki według kategorii (Produkty, Wsparcie).
Formularz subskrypcji na nowości.
Ikony mediów społecznościowych i prawa autorskie.
#Landing #HTML-developer
-
2295 PLN DentSpace
Programowanie stron internetowychFramework: Next.js 15 (App Router)
Język: TypeScript
Baza danych: PostgreSQL przez Prisma ORM
Autoryzacja: Clerk
… UI/UX: Tailwind CSS 4, shadcn/ui, Radix UI, ikony Lucide
Integracja AI: Vapi AI (główni agenci do rozmów)
Email: Resend i React Email do powiadomień
Pobieranie danych: TanStack Query (React Query)
Główne funkcje
Rejestracja na wizytę: Użytkownicy mogą wybierać lekarza i czas.
Asystent AI: Wykorzystanie głosowego sztucznego inteligencji do przetwarzania zapytań lub rejestracji.
Panel administracyjny: Zarządzanie lekarzami, pacjentami i harmonogramem.
Automatyzacja Email: Potwierdzenia i przypomnienia o wizytach.
Autoryzacja: Bezpieczne zarządzanie użytkownikami przez Clerk.
-
2049 PLN NenzyPizza
Programowanie stron internetowychPodstawowe technologie:
Frontend i UI:
Framework: Next.js 16
… Stylizacja: Tailwind CSS v4, clsx, tailwind-merge
Komponenty UI: ShadCN, Lucide React
Mapy: Leaflet i React Leaflet (wybór adresu, wyświetlanie na mapie)
Zarządzanie stanem: Zustand
Formularze: React Hook Form + Zod (walidacja)
Powiadomienia: React Hot Toast
Historie: React Insta Stories (historie jak w Instagramie)
Backend i baza danych:
Baza danych: PostgreSQL
ORM: Prisma
API: Next.js Server Actions / API Routes
Autoryzacja i płatności:
Autoryzacja: NextAuth.js v4
Bezpieczeństwo: Bcrypt
Płatności: Stripe