Yevhenii Kobzar
Zaproponuj Yevhenii pracę nad swoim kolejnym zleceniem.
Prywatna wiadomość
Zaproponuj zlecenie
Kijów,
Ukraina
10 miesięcy 22 dni temu
gotowy do podjęcia pracy
w Serwisie 11 miesięcy 1 dzień
Ranking
Zakończonych zleceń
Średnia ocena
Poziom znajomości języków obcych
Українська: native
English: podstawowy
Umiejętności i kwalifikacje
Programowanie
-
Javascript & Typescript
od 33 PLN za godzinę
- Programowanie stron internetowych
-
Układ HTML i CSS
od 33 PLN za godzinę
Portfolio
-
820 PLN Strona "Kiber technika"
Programowanie stron internetowych
Ten projekt realizuje nowoczesny sklep internetowy z elektroniką "Kiber-Technika" z następującymi głównymi funkcjami:
Strona główna (index.html):
Nagłówek z logo, nawigacją, przełącznikiem trybu (jasny/ciemny), przyciskami logowania i koszyka.
… Główny baner z wezwaniem do przejścia do katalogu.
Dynamiczna lista kategorii produktów.
Sekcja "Hity sprzedaży" z popularnymi produktami.
Katalog produktów z filtrowaniem według kategorii i wyszukiwaniem.
Okna modalne do:
logowania
rejestracji
przeglądania profilu
przeglądania szczegółów produktu
koszyka
realizacji zamówienia
zmiany hasła
przeglądania historii zamówień
Katalog i kategorie:
Kategorie i produkty są przechowywane w tablicach CATEGORIES i PRODUCTS.
Wyświetlanie kategorii i produktów jest realizowane dynamicznie za pomocą funkcji renderCategories, renderBestsellers, renderCatalog.
Filtrowanie katalogu według kategorii i zapytania wyszukiwania.
Koszyk:
Dodawanie/usuwanie produktów.
Obliczanie łącznej kwoty.
Zapis koszyka w localStorage.
Realizacja zamówienia przez formularz kontaktowy.
Przeglądanie ostatnich zamówień w profilu użytkownika.
Autoryzacja i profil:
Proste logowanie/rejestracja z weryfikacją hasła.
Zapis danych użytkownika w localStorage.
Możliwość edycji profilu, zmiany hasła, przeglądania historii zamówień.
Interfejs:
Responsywne układanie (CSS, media-queries).
Przełączanie trybu (jasny/ciemny).
Okna modalne do interakcji z użytkownikiem.
Powiadomienia o działaniach (dodano do koszyka, wyczyszczono koszyk, pomyślne zamówienie itp.).
Struktura kodu:
Kod podzielony na moduły:
cart.js,
catalog.js,
client.js,
core.js,
product.js,
shared.js.
Cała logika interakcji z DOM, localStorage, oknami modalnymi, koszykiem, katalogiem i użytkownikiem jest zaimplementowana w czystym JavaScript.
Projekt jest w pełni front-endową realizacją (bez backendu):
Wszystkie dane są przechowywane lokalnie w przeglądarce za pomocą localStorage.
-
672 PLN Przestrzeń weteranów "Bracia Honoru"
Programowanie stron internetowych
Ten projekt realizuje następujące zadania:
Strona lądowania dla organizacji weteranów
Strona zawiera informacje o organizacji „Weteraniczna przestrzeń reintegracji „Bracia Honoru””, jej wartości, wiadomości, partnerów, projekty i kontakty.
… Responsywny design
Wszystkie style (css/style.css i inne pliki CSS) zapewniają poprawne wyświetlanie na różnych urządzeniach (desktop, tablet, telefony komórkowe).
Struktura wielosekcyjna
O nas: opis misji i działalności organizacji.
Wartości: blok z kluczowymi zasadami, każdy z ikoną (css/values.css).
Wiadomości: automatyczne ładowanie najnowszych wpisów z Facebooka przez Meta Graph API (js/API.js), z obsługą slidera zdjęć/wideo.
Partnerzy: logotypy organizacji partnerskich (sekcja ukryta domyślnie przez CSS).
Nasze projekty: opis i zdjęcia głównych inicjatyw.
Kontakty: telefon, adres, email, Facebook.
Automatyczne ładowanie wiadomości z Facebooka
Używana jest funkcja fetchFacebookPosts do pobierania wpisów przez Facebook Graph API.
Wyświetlanie zdjęć/wideo w formie slidera, automatyczne przewijanie slajdów.
Obsługa błędów API.
Płynna nawigacja po sekcjach
Płynne przejście do sekcji po kliknięciu na punkty menu (js/script.js).
Uwzględniana jest wysokość nagłówka dla poprawnego pozycjonowania.
SEO i Open Graph
Meta-tagi dla wyszukiwarek i mediów społecznościowych.
Strukturalizowane dane Schema.org dla organizacji.
Firmowe czcionki
Podłączona czcionka e-Ukraine (css/font.css).
Ikony i grafika
Użyto ikon SVG dla sekcji (np. herb, ikony wartości, kontaktów).
Brak zbędnych elementów na urządzeniach mobilnych
Niektóre elementy menu i nawigacji ukryte na małych ekranach dla wygody użytkownika.
Główne pliki:
index.html — struktura strony
API.js — ładowanie wiadomości z Facebooka
script.js — płynna nawigacja
Pliki CSS dla każdego bloku:
style.css, header.css, about.css, values.css, news.css,
partners.css, projects.css, contacts.css, footer.css, font.css
Projekt jest w pełni statyczny
Nie korzysta z logiki serwerowej, ale integruje się z Facebook API dla dynamicznej treści.
Aktywność
| Ostatnie oferty 3 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Tworzenie strony z Figma
1475 PLN
|
|||||
|
Układ strony gotowy projekt PDF
254 PLN
|
|||||
|
Edytuj stronę - 404
82 PLN
|
