jsart.pl

+48 603 378 875 info@jsart.pl
Cześć, jestem

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

User
Coords 🔗 LIVE
i

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
🔗 LIVE Income
Calculator
i

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
Simple
Cart 🔗 LIVE
i

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
Simple ID Generator 🔗 LIVE
i

Główne funkcjonalności:

Prosta aplikacja generująca losowy numer ID.

Technologie / biblioteki użyte:

  • React
  • UUID
Recipe
Finder 🔗 LIVE
i

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
Currency
Converter 🔗 LIVE
i

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
Dad Jokes 🔗 LIVE
i

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
Hangman 🔗 LIVE
i

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
Movies
Quiz 🔗 LIVE
i

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
CS50
Finance 🔗 LIVE
i

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
Birthdays 🔗 LIVE
i

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

Kontakt

Lub za pośrednictwem:

+48 603 378 875 info@jsart.pl useme.com