Ivan Yaremechko
Zaproponuj Ivan pracę nad swoim kolejnym zleceniem.
Prywatna wiadomość
Zaproponuj zlecenie
Lwów,
Ukraina
teraz online
gotowy do podjęcia pracy
w Serwisie 1 rok
Ranking
Zakończonych zleceń
Średnia ocena
Poziom znajomości języków obcych
Українська: native
English: średniozaawansowany
Umiejętności i kwalifikacje
Portfolio
-
Adaptacyjna CSS/SCSS struktura zgodnie z metodologią BEM (Foundation Layout
Układ HTML i CSS
Profesjonalny projekt adaptacyjnego, wielobrowersowego layoutu nowoczesnego interfejsu, wykonany od podstaw z rygorystycznym przestrzeganiem standardów czystego kodu oraz architektury stylów.
Zrealizowana funkcjonalność techniczna:
• Architektura według metodologii BEM (Block-Element-Modifier), zapewniająca pełną modularność, łatwe utrzymanie oraz skalowalność kodu.
… • Nowoczesny preprocesor Sass (SCSS): wykorzystanie zmiennych, mixinów oraz głębokiego zagnieżdżania do stworzenia czystego systemu stylów.
• Pełnoprawna adaptacja: zrealizowane dwie wyraźne punkty kontrolne dla urządzeń mobilnych (wersja mobilna do 1399px) oraz monitorów (wersja desktopowa od 1400px+).
• Elastyczna budowa szkieletu za pomocą CSS Flexbox dla idealnego pozycjonowania elementów na dowolnych ekranach.
• Semantyczny i walidowany kod w HTML5/CSS3.
Żywa strona demo: (wstaw tutaj link do GitHub Pages tego projektu)
Repozytorium z kodem źródłowym: (wstaw tutaj link do repozytorium GitHub)
#html #css #scss #sass #bem #flexbox #adaptive #responsive #layout #frontend
-
ClickFinder: Analityczna platforma SPA i statystyki użytkowników
Javascript & Typescript
Nowoczesna, lekka i szybka aplikacja typu Single Page Application (SPA) do wyświetlania i głębokiej analizy statystyk aktywności użytkowników. Projekt zrealizowany całkowicie od zera na czystym kodzie w celu demonstrowania skomplikowanych manipulacji z danymi asynchronicznymi.
Zrealizowana funkcjonalność techniczna:
• Niestandardowy SPA Router: Własna routingu po stronie klienta z wykorzystaniem HTML5 History API do natychmiastowych przejść między stronami bez przeładowania przeglądarki.
… • Głęboka agregacja danych: Asynchroniczne ładowanie tablic danych z niezależnych punktów końcowych REST API (serwer Vercel) oraz ich łączenie po stronie klienta za pomocą metod tablic (.map, .reduce, .filter).
• Matematyczna paginacja: Algorytm inteligentnej paginacji chunkowej z dynamicznym renderowaniem granic oraz wsparciem dla wielokropka (...) dla wygodnej nawigacji po dużych zbiorach danych.
• Dynamiczny UI: Interaktywna tabela użytkowników z animowanym liniowym wskaźnikiem ładowania (jak na YouTube/GitHub) do wizualnej kontroli zapytań sieciowych.
Żywa strona demo: https://i1yaremechko.github.io/click-finder-js/
Repozytorium z kodem źródłowym: https://github.com/i1yaremechko/click-finder-js
#javascript #spa #rest_api #frontend #scss #html #vanillajs #aggregation #pagination #layout
-
System rezerwacji coworkingu z integracją REST API (Smart Cowo
Javascript & Typescript
Dynamiczna aplikacja webowa do rezerwacji miejsc pracy w czasie rzeczywistym, zbudowana na architekturze modułowej i zintegrowana z częścią serwerową za pomocą API.
Zrealizowana funkcjonalność techniczna:
• Pełna integracja z REST API za pomocą asynchronicznego JavaScript (Async/Await, Fetch API) w celu uzyskania aktualnych danych o dostępnych miejscach.
… • Złożona logika walidacji rezerwacji po stronie klienta, która całkowicie wyklucza możliwość podwójnej rezerwacji lub błędów czasowych.
• Dynamiczne aktualizowanie interfejsu (manipulacja DOM) bez przeładowania strony zgodnie z odpowiedziami serwera.
• Responsywne i wielobrowarowe układanie siatki miejsc pracy z wykorzystaniem nowoczesnego układania SCSS/CSS3 oraz HTML5.
• Kod opracowany zgodnie z architektoniczną zasadą separacji odpowiedzialności (Separation of Concerns).
#javascript #rest_api #api_integration #frontend #scss #html #css #vanillajs #booking_system #układanie
-
Interaktywny kalendarz (klon Google Calendar w Vanilla JS)
Javascript & Typescript
W pełni funkcjonalna, responsywna aplikacja webowa, która dokładnie odwzorowuje kluczowe możliwości i interfejs Google Calendar. Projekt stworzony od podstaw bez użycia gotowych, ciężkich frameworków czy szablonów.
Zrealizowana funkcjonalność techniczna:
• Modularna architektura aplikacji, zbudowana wyłącznie na czystym JavaScript (ES6+ Modules).
… • Złożona logika przetwarzania dat, przełączanie między tygodniowymi a miesięcznymi trybami wyświetlania.
• Dynamiczne zarządzanie zdarzeniami w DOM: tworzenie, edytowanie, usuwanie i walidacja według czasu.
• Cross-browser, responsywne układanie według zasady Mobile-First z wykorzystaniem nowoczesnego SCSS/CSS3 oraz semantycznego HTML5.
• Czysty kod z rygorystycznym przestrzeganiem zasady separacji odpowiedzialności (Separation of Concerns).
Żywa strona demo: https://i1yaremechko.github.io/google-calendar-js/
Repozytorium z kodem źródłowym: https://github.com/i1yaremechko/google-calendar-js
#javascript #frontend #scss #html #css #calendar #web_development #vanillajs #układanie