Paweł
Junior React Developer
Freelancer. W przeszłości pracowałem jako Wordpress Developer w agencji interaktywnej w Lublinie. Początkowo zajmowałem się ulepszaniem/aktualizacją stron opartych na Wordpressie. Jakiś czas temu odkryłem, że programowanie w Reakcie daje mi więcej przyjemności, pewnie dlatego, że jest on oparty na moim ulubionym języku programowania - javascripcie. Moim głównym celem jest praca na stanowisku React Web Developer.
Moje umiejętności
Technologi, które znam:
- Javascript
- CSS
- SASS
- HTML
- React*
- Node.js
- Python
- Flask
- SQLite
- mySQL
Narzędzia z jakich korzystam:
- VSCode
- Photoshop
- Postman
- Autohotkey
W tym momencie się uczę:
- React
- Redux
- Typescript
Moje projekty
Coords 🔗 LIVE
Główne funkcjonalności:
- Na początku Apka losuje 5 wygenerowanych automatycznie użytkowników.
- Można edytować ich dane za pośrednictwem User page > Edit.
- Po kliknięciu na zdjęcie następuje losowanie innego (tylko w trybie edycji) na podstawie płci.
- Jeśli zostanie wybrany kraj (musi być prawidłowy!), w którym mieszka dana osoba, na tej podstawie można będzie wylosować dokładne współrzędne zamieszkania tej osoby.
- W ostateczności użytkownika można bezpowrotnie usunąć. Jeśli zostaną usunięci wszyscy użytkownicy, aplikacja wykryje to i ponownie wylosuje 5 osób. Można zacząć od nowa.
- Kiedy już edycja nam się znudzi, możemy sprawdzić na mapie jaka jest lokalizacja danej osoby - Strona główna > ikona pinezki.
- Jeśli pole "coords" było puste, aplikacja rozpozna ten stan i po podczas próby wyświetlenia mapy, wylosuje miejsce zamieszkania adekwatne do kraju w jakim żyje dana osoba. Dane lokalizacji zostaną zaktualizowane.
- Oddzielne api jest wykorzystywane do pobierania użytkowników i oddzielne do przydzielania im współrzędnych. Aby ulepszyć performance, to drugie jest pobierane jedynie na żądanie i zapisywane w pamięci.
Technologie / biblioteki użyte:
- React
- SASS
- React Router Dom
- React Leaflet
- Date Fns
- Formik
- Yup
- Randomuser.me API
- 3geonames.org API
- Country Code Lookup
- CORS Anywhere - only for local development
Calculator
Główne funkcjonalności:
- Apka do śledzenia wydatków i przychodów.
- Po kliknięciu przycisku "Add new" dodajemy nową transakcję.
- Możemy wybrać typ transakcji, kategorię oraz kwotę wydatku / przychodu.
- Po dodaniu, pozycja pojawi się na liście w odpowiednim miejscu (w kolumnie Expense bądź Income).
- Można dodawać wiele transakcji.
- Po przeładowaniu strony, lista nie resetuje się - dane są przechowywane w pamięci podręcznej przeglądarki.
- Na górze po lewej stronie ekranu widać bilans obliczony na podstawie wydatków / wpływów obecnych na liście. Teks zmienia kolor w zależności od bilansu.
Technologie / biblioteki użyte:
- React
- SASS
- Formik
- UUID
- Yup
Cart 🔗 LIVE
Główne funkcjonalności:
Prosta apka symulująca wirtualny koszyk, pozwalająca dodawać i usuwać produkty. Zlicza wszystkie produkty w koszyku oraz oblicza finalny koszt zakupów. Po zamknięciu/przeładowaniu strony następuje opróżnienie koszyka.
Technologie / biblioteki użyte:
- React
- React Class Components
Główne funkcjonalności:
Prosta aplikacja generująca losowy numer ID.
Technologie / biblioteki użyte:
- React
- UUID
Finder 🔗 LIVE
Główne funkcjonalności:
- Aplikacja pozwala wyszukać przepisy kulinarne na bazie www.allrecipes.com.
- Wyszukiwane słowa muszą być rozdzielone przecinkami.
- Wyniki wyszukiwania to tytuł przepisu, krótki opis, fotografia produktu gotowego oraz zewnętrzny link gdzie można zobaczyć pełny przepis.
- Smacznego!
Technologie / biblioteki użyte:
- Javascript
Converter 🔗 LIVE
Główne funkcjonalności:
- Aplikacja powstała w celu sprawdzania kursu najpopularniejszych walut.
- Aktualne kursy są dostarczane przez APi Exchangerate.host
Technologie / biblioteki użyte:
- Javascript
- SASS
- Exchangerate.host API
Główne funkcjonalności:
- Apka losuje żart typu suchar na żądanie (po angielsku).
- Niekoniecznie mogą one być zabawne ;)
Technologie / biblioteki użyte:
- Javascript
- Fetch API
Główne funkcjonalności:
- Prosta gra - zgadywanka angielskich słówek i wyrażeń.
- Działa jedynie na komputerze!
- Wymagana przynajmniej podstawowa znajomość angielskiego i/lub szczęście.
- Naciskaj klawisze na klawiaturze aż uda Ci się odgadnąć odpowiednie słowa łamigłówki.
Technologie / biblioteki użyte:
- Javascript
- Node.js
Quiz 🔗 LIVE
Główne funkcjonalności:
Bardzo trudna gra typu quiz. Sprawdza wiedzę na temat najpopularniejszych filmów. Przeciągnij i opuść danego aktora / aktorkę aby dopasować do filmu, w którym wystąpił(a). Najedź kursorem na tytuł filmu aby zobaczyć polskie tłumaczenie (o ile jest dostępne).
Technologie / biblioteki użyte:
- Python
- Flask
- Flask WTF
- WTForms
- SQLite
- Database
- IMDb API
- TMDB API - for titles translation
Finance 🔗 LIVE
Główne funkcjonalności:
- Apka wyprodukowana podczas kursu CS50 (Computer Science) Uniwersytetu Harvarda.
- Strona, na którem można wirtualnie kupować i sprzedawać akcje największych spółek.
- Możliwość założenia własnego konta lub skorzystanie z istniejącego (login: 1234, hasło: 1234).
- Po założeniu konta do dyspozycji mamy wirtualne 100,000$
- Apka zapewnia aktualne ceny akcji spółek, pobieranych na bierząco z exchange.iex.io
- Nie trzeba podejmować ryzyka aby spróbować swoich sił w handlu akcjami
Technologie / biblioteki użyte:
- Python
- Bootstrap
- Flask
- Flask WTF
- WTForms
- SQLite
- Database
- IEX API
Główne funkcjonalności:
- Prosta apka oparta o bazę danych służąca do zapisywania dnia i miesiąca urodzin.
Technologie / biblioteki użyte:
- Python
- Flask
- Flask WTF
- SQLite
- Database

