Ihor Kondratyuk
Ranking
Poziom znajomości języków obcych
Umiejętności i kwalifikacje
Portfolio
-
Miłość do Zwierząt
Programowanie stron internetowychTo aplikacja dla firmy, która łączy ludzi kochających zwierzęta domowe i trzymających je w domu. Firma może świadczyć użytkownikom usługi informacyjne i reklamowe w tej dziedzinie. Demo wersję można przetestować pod linkiem https://petlove-lac.vercel.app
Główne sekcje.
Aplikacja zawiera następujące strony:
…
Strona startowa - zawiera baner z logo - przycisk przejścia na stronę główną.
Strona główna - zawiera baner o zwierzętach domowych i blok nawigacji, za pomocą którego można przejść do innych stron.
Strona wiadomości - na tej stronie umieszczone są karty z wiadomościami o zwierzętach domowych, warunkach utrzymania, diecie itp. W każdej karcie są przyciski przejścia na stronę firmy - dostawcy wiadomości, dla bardziej szczegółowego przeglądu. Na stronie jest również możliwość wyszukiwania wiadomości według słowa kluczowego i paginacja dla wygody przeglądania.
Strona ogłoszeń - zawiera karty z informacjami o zwierzętach domowych. Każda karta ma dwa przyciski, dzięki którym zalogowany użytkownik może zobaczyć szczegółowe informacje z linkami do kontaktów ogłoszeniodawcy. Ogłoszenie automatycznie trafia do kolekcji obejrzanych. Drugi przycisk służy do dodania ogłoszenia do kolekcji ulubionych lub usunięcia, jeśli już zostało dodane. Nie zalogowany użytkownik zostanie poproszony o zalogowanie lub rejestrację. Na stronie jest też wyszukiwanie po słowie kluczowym i filtrowanie po typie, płci, kategorii, lokalizacji, popularności i cenie. Dla wygody paginacja.
Strona znajomych - zawiera karty z informacjami o firmach wspierających miłośników zwierząt. Karty zawierają linki do kontaktów tych firm, a kliknięcie na logo przenosi na stronę firmy.
Strona rejestracji - zawiera formularz, dzięki któremu nowy użytkownik może się zarejestrować i utworzyć konto. Po pomyślnej rejestracji aplikacja automatycznie przekierowuje użytkownika na stronę profilu.
Strona logowania - zawiera formularz do logowania wcześniej zarejestrowanego użytkownika. Po pomyślnym zalogowaniu użytkownik jest przekierowywany na stronę profilu.
Strona profilu - zawiera informacje o użytkowniku i formularz do edycji tych danych (zmiana imienia, e-maila, numeru telefonu, awatara). Strona zawiera też zakładki, dzięki którym użytkownik może przeglądać wcześniej utworzone kolekcje ulubionych lub obejrzanych ogłoszeń. Dodatkowo na stronie są karty utworzone przez użytkownika z informacjami o jego zwierzętach domowych, z przyciskiem do usunięcia karty z kolekcji. Na stronie jest też przycisk do przejścia do strony dodawania zwierząt do kolekcji.
Strona dodawania zwierząt - zawiera formularz do tworzenia karty z informacjami o zwierzęciu domowym (zdjęcie, wiek, płeć, imię itp.). Po pomyślnym utworzeniu nowej karty użytkownik jest przekierowywany na stronę profilu, gdzie można już zobaczyć utworzoną kartę.
Układ
Układ: -mobile od 320px - elastyczny, od 375px - responsywny. Tablet, desktop - responsywny z punktami przerwania 768px i 1280px. Zrealizowany zgodnie z TZS: https://docs.google.com/spreadsheets/d/1DmQUeGZy_oaXN6yn69ORLzou1ZQRyTMlrAqPSit_clw/edit?pli=1&gid=1134921873#gid=1134921873 i makietą https://www.figma.com/file/puMNfZVg4YI8UZoJ1QiLLi/Petl%F0%9F%92%9Bve?type=design&node-id=55838-750&mode=design&t=Xg1IwIcKebTl5xGs-0
Użyte technologie
Frontend
React z użyciem bundlera Vite.
React Routers.
Redux Toolkit.
CSS, Styled-Components.
React-hook-form.
Yup.
React-toastify.
React-spinners.
Backend
Do aplikacji użyto gotowego backendu https://petlove.b.goit.study/api-docs/#/
-
Naucz się Lingo
Programowanie stron internetowychTo jest aplikacja dla firmy oferującej korzystanie z usług nauczycieli języków online. Aplikacja umożliwia użytkownikom przeglądanie informacji o nauczycielach zapisanych w bazie danych, filtrowanie według języka nauczania, poziomu przygotowania użytkownika oraz maksymalnej ceny. Użytkownik może wysłać formularz rezerwacji lekcji próbnej. Zalogowany użytkownik ma również możliwość tworzenia kolekcji ulubionych nauczycieli, do której może dodawać nauczycieli, którzy mu się podobają, oraz ich usuwać. Demo można przetestować pod linkiem https://teachers-indol.vercel.app
Podstawowe funkcje
Strona główna - zawiera baner z głównym wezwaniem do działania oraz przycisk przejścia do strony katalogu.
… Strona katalogu - wyświetla informacje o wszystkich nauczycielach zapisanych w bazie, a także umożliwia filtrowanie według języka, poziomu przygotowania użytkownika i maksymalnej ceny, dla wygody przeglądania przewidziana jest paginacja i przycisk "Scroll Up".
Dla zalogowanego użytkownika dostępna jest strona ulubionych, na której wyświetlane są informacje o nauczycielach dodanych do ulubionych. Na tej stronie również przewidziana jest paginacja i "Scroll Up".
Każda karta nauczyciela zawiera przycisk "Read more", po kliknięciu którego otwiera się bardziej szczegółowa informacja o nauczycielu i dostępny jest przycisk "Book trial lesson". Po kliknięciu tego przycisku otwiera się okno modalne z formularzem rezerwacji lekcji próbnej.
-
Epicka Fantazja
Układ HTML i CSSReklamny dodatek dla firmy specjalizującej się w produkcji gier wideo. https://gocha001.github.io/STP-7967/
Aktywność
| Ostatnie oferty 9 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Układanie projektu Figma
411 PLN
|
|||||
|
Układanie projektu z figma w html/css
82 PLN
|
|||||
|
Stwórz stronę
822 PLN
|
|||||
|
Układ jednej strony
82 PLN
|
|||||
|
Układ strony w html
424 PLN
|
|||||
|
Składanie książki.
123 PLN
|
|||||
|
Układ strony
329 PLN
|
|||||
|
Potrzebny programista do stałej współpracy
91 PLN
|
|||||
|
Wykonanie szablonu według Figma
411 PLN
|