Olexiy Hryhorash

Zaproponuj Olexiy pracę nad swoim kolejnym zleceniem.

Ukraina

5 godzin 44 minuty temu

częściowo zajęty

w Serwisie 4 miesiące 15 dni

Ranking

Zakończonych zleceń

Średnia ocena

Ranking

Układ HTML i CSS

1756 miejsce z 5606

Javascript & Typescript

1215 miejsce z 3456

Poziom znajomości języków obcych

Umiejętności i kwalifikacje

Programowanie

Adaptacyjna aplikacja internetowa pogody (Weather App)

Programowanie stron internetowych

Nowoczesna, w pełni responsywna aplikacja internetowa typu one-page (SPA) do śledzenia pogody w dowolnym miejscu na świecie w czasie rzeczywistym.

Projekt przeszedł pełny cykl głębokiego refaktoryzowania logiki oraz redesignu interfejsu UI/UX.

… Co zostało zrealizowane i zoptymalizowane:
1. Integracja dwóch zewnętrznych API: Geocoding API od Open-Meteo (do wyszukiwania dokładnych współrzędnych na podstawie nazwy miasta) oraz serwisu wttr.in (do uzyskiwania szczegółowych danych meteorologicznych w formacie JSON).
2. Dynamiczna zmiana interfejsu: tła lewego panelu oraz ikony (FontAwesome) automatycznie dostosowują się do aktualnego stanu pogody (słonecznie, pochmurno, deszcz, burza, zmienna pogoda).
3. Odporność logiki na błędy (Error Tolerance): zrealizowano domyślny stan (Variable) na wypadek otrzymania niestandardowych kodów meteorologicznych lub błędów sieci.
4. Optymalizacja UX: dodano blokowanie elementów interfejsu (input/button) oraz animację ładowania podczas wykonywania asynchronicznego zapytania, aby zapobiec spamowaniu timeoutów. Wyszukiwanie działa zarówno po kliknięciu, jak i po naciśnięciu klawisza Enter.
5. Premium UI design: efekt matowego szkła (Glassmorphic Backdrop Filter), płynne niestandardowe animacje CSS z użyciem cubic-bezier, niestandardowa ikona zakładki (Favicon w formacie SVG).
6. Responsywność między przeglądarkami (Media Queries): interfejs jest w pełni przebudowywany pod urządzenia mobilne. Zrealizowano złożone kontrole typu wskaźnika urządzenia (media z pointer: coarse/fine), co pozwoliło zablokować niepotrzebne przewijanie mobilne, zachowując idealne wyświetlanie na PC przy skalowaniu.

Stos technologii: #HTML5, #CSS3, #JavaScript (ES6+, Async/Await, Fetch API), #Geocoding, #UI_UX, #Responsive

Będę zadowolony, mogąc stworzyć dla Ciebie nowoczesny, szybki i interaktywny interfejs!