Ilya Kutsenko
Zaproponuj Ilya pracę nad swoim kolejnym zleceniem.
Ranking
Umiejętności i kwalifikacje
Portfolio
-
Kalkulator online z obsługą klawiatury (HTML/CSS/JS)
Programowanie stron internetowychAdaptacyjny kalkulator z czystym UI i obsługą wprowadzania z klawiatury.
Zaimplementowano wszystkie podstawowe funkcje + dodatkowe możliwości, takie jak procenty, zmiana znaku oraz ochrona przed błędami.
Podstawowa funkcjonalność:
… - dodawanie, odejmowanie, mnożenie, dzielenie
- wprowadzanie liczb dziesiętnych
- obliczenia procentowe
- zmiana znaku (+/-)
- czyszczenie (C), usuwanie ostatniego znaku (DEL)
- podświetlenie aktywnego operatora
Dodatkowo:
- pełne wsparcie klawiatury
- wizualny feedback przy naciśnięciu
- adaptacyjny układ dla różnych urządzeń
- ochrona przed dzieleniem przez zero
Technologie:
- HTML5
- CSS3 (Flexbox)
- JavaScript (ES6)
#JavaScript #HTML #CSS #frontend #kalkulator #UI #portfolio #adaptacyjny
-
Galeria obrazów na Vue 3 z API Unsplash
Programowanie stron internetowychAdaptacyjna galeria obrazów stworzona na Vue 3 z integracją do Unsplash API.
Projekt realizuje wyszukiwanie obrazów w czasie rzeczywistym, nieskończone przewijanie, zmianę motywu (jasny/ciemny), zapis ulubionych lokalnie oraz adaptacyjną siatkę.
Zrealizowano:
… - integrację z API Unsplash (wyszukiwanie, paginacja)
- automatyczne przełączanie motywu (jasny/ciemny) z zapisem w LocalStorage
- zapis "ulubionych" zdjęć lokalnie
- nieskończone przewijanie z obsługą błędów
- adaptacyjną siatkę od 1 do 4 kolumn
- filtrowanie po ulubionych/wszystkich obrazach
Technologie:
- Vue 3, Composition API
- Vite
- JavaScript, HTML, CSS
- LocalStorage
- Responsywny design
Ten projekt — moja osobista inicjatywa, zrealizowana całkowicie od podstaw.
#Vue #JavaScript #Unsplash #galeria #frontend #API #Vue3 #portfolio
-
Etch-a-Sketch: Web- aplikacja do rysowania
Programowanie stron internetowychInteraktywna siatka pikselowa, na której użytkownik może "rysować", najeżdżając kursorem na bloki. Gra z kolorami, przezroczystością i rozmiarem siatki — wszystko zrealizowane na czystym JavaScript.
Zrealizowano:
- dynamiczna siatka (od 1×1 do 100×100)
… - losowe kolorowe wypełnienie przy najechaniu
- efekt przyciemniania bloków z każdym najechaniem (zmniejszanie przezroczystości)
- możliwość zmiany rozmiaru siatki
- responsywny interfejs, który dostosowuje się do rozmiaru ekranu
Użyto:
- HTML5
- CSS3 (flexbox, responsywny design)
- JavaScript (manipulacje DOM, generowanie kolorów, obsługa zdarzeń)
Projekt stworzony jako część nauki w The Odin Project. Cała funkcjonalność zrealizowana samodzielnie.
-
Gra „Kamień, Nożyce, Papier” na JavaScript
Programowanie stron internetowychProsta gra przeglądarkowa, stworzona na czystym JavaScript jako część nauki podstaw programowania i tworzenia stron internetowych.
Minimalistyczny interfejs i prosta logika — wszystko zrealizowane własnoręcznie od zera.
Funkcjonalność:
… - Gracz wybiera „Kamień”, „Nożyczki” lub „Papier”
- Komputer losowo wybiera odpowiedź
- Wynik każdego rundy jest wyświetlany na ekranie
- Zwycięzca — ten, kto pierwszy zdobędzie 5 punktów
- Po zakończeniu gry pojawia się przycisk „Nowa gra”
Technologie:
HTML, CSS, JavaScript (bez bibliotek ani frameworków)
-
Strona docelowa dla cyfrowej agencji BLUEHOUSE BV
Układ HTML i CSSJednostronicowa strona dla wymyślonej agencji cyfrowej.
Strona jest responsywna, wygodna na urządzeniach mobilnych, wykonana bez użycia frameworków — tylko czysty HTML, CSS i JavaScript.
Zrealizowano:
… - płynna nawigacja
- animacja logo
- efekty najechania na kartach i przyciskach
- formularz z walidacją
- responsywne układanie (mobile-first)
- interaktywne sekcje z case'ami klientów
Projekt wykonany samodzielnie od podstaw w ramach nauki i do ćwiczenia umiejętności.
#HTML #CSS #JavaScript #landing #frontend #responsywny #portfolio