Moje projekty

Prosta aplikacja webowa do tworzenia i wizualizacji połączeń typów na tablicy w przeglądarce. Umożliwia użytkownikom definiowanie własnych typów obiektów, umieszczanie ich na tablicy oraz łączenie ze sobą za pomocą linii. Wszystkie elementy na tablicy są przeciągalne, co pozwala na tworzenie złożonych struktur z wieloma instancjami tego samego typu. Projekt został przygotowany jako zadanie rekrutacyjne, a jego realizacja była okazją do poznania Angular Material oraz najnowszych funkcji Angulara, takich jak sygnały czy też nowy „control flow”.

• Angular
• Typescript
• SCSS
• CSS
• Angular Material
• RxJs
• HTML
• npm
• ramda
• signals
• canvas

Jest to aplikacja zaprojektowana, aby pomagać ludziom w osiąganiu celów związanych z samorozwojem. Wykorzystuje najlepsze techniki psychologiczne, aby pomóc użytkownikom przeciwdziałać destrukcyjnemu wpływowi nowoczesnych technologii i nieustannie rozwijać się w obszarach, które są dla nich najistotniejsze. Dzięki temu projektowi miałem okazję nauczyć się w jaki sposób można budować fullstackowe rozwiązania oraz jak je konteneryzować za pomocą Dockera.

• Angular
• TypeScript
• SCSS
• CSS
• Bootstrap
• RxJs
• NgRx
• HTML
• Yarn
• Chart.js
• Docker
• JWT
• Nest.js
• KeyCloak
• MailHog
• Node.js
• Express
• PostgreSQL
• ArangoDB

Strona portfolio prezentująca moje umiejętności wiosną 2020 roku. Została przygotowana z myślą o jak najbardziej kreatywnym ujęciu interakcji z przeglądarką i wymuszała posługiwanie się klawiaturą. Pozwoliła mi ona zgłębić temat animowanych przejść w Reactcie oraz poznać sposób pracy z obsługą interakcji z telefonem przy pomocy biblioteki react-easy-swipe. Dzięki niej poznałem także w praktyce koncepcję PWA i zaimplementowałem mechanizm service workera.

• JavaScript
• React
• Styled Components
• Service Worker
• PWA
• Github Pages

Projekt uniwersytecki na zaliczenie zajęć z etyki nowych technologii. Witryna internetowa przygotowana w ramach rozpoznania technologii Gatsby.js w ciągu trzech dni. Pomogła mi zrozumieć koncepcję statycznego generatora stron oraz dostrzec gamę problemów jakie mogą pojawić się przy używaniu Reacta po stronie serwera.

• JavaScript
• React
• Gatsby
• Styled components
• React-hooks
• Netlify

Prosta aplikacja wykorzystująca local storage do przechowywania naszych ulubionych tapet z serwisu Unsplash. Wykorzystuje Reacta do integracji z API unsplasha i poprzez zmianę parametrów w ustawieniach aplikacji, pozwala wyświetlić listę innych zdjęć z tego serwisu. Kliknięcie w serduszko powoduje zapisanie grafik do listy ulubionych. Dzięki realizacji tej aplikacji lepiej zrozumiałem funkcjonowanie autentykacji w API oraz cykl życia komponentu w Reactcie.

• React
• Styled Components
• Axios
• Local Storage
• JavaScript
• Font Awesome
• React-hooks

Dla lepszego zrozumienia koncpecji związanych z programowaniem backendowym wykonałem proste API realizujące wszystkie operacje typu CRUD. Dzięki wejściu w buty backend developera zrozumiałem sposób współpracy frontendu z backendem oraz architekturę klient-serwer. Ponadto zrozumiałem składnię Node.js i przekonałem się na własnej skórze jak wielkim udogodnieniem jest dla frontendowców obecność JS’a po stronie serwera.

• SASS
• Bootstrap
• JavaScript
• Node.js
• Express
• Handlebars
• Heroku