Personal projects

Interactive board

A simple web application for creating and visualizing type connections on a board within the browser. It allows users to define custom types, represent them on the board, and link them with connecting lines. All elements on the board are draggable, enabling the creation of complex structures with multiple instances of the same type. This project was developed as part of a recruitment task, providing an opportunity to explore Angular Material and the latest Angular features, such as signals and the new control flow.

  • Angular
  • Typescript
  • SCSS
  • CSS
  • Angular Material
  • RxJs
  • HTML
  • npm
  • ramda
  • signals
  • canvas
An interactive board view with three rectangles containing data. There are lines between the rectangles symbolizing connections.

Data driven development app

This is an application designed to help people achieve their self-development goals. It utilizes the best psychological techniques to help users counteract the destructive influence of modern technology and continuously grow in the areas that matter most to them. Through this project, I had the opportunity to learn how to build full-stack solutions and containerize them using Docker.

  • Angular
  • TypeScript
  • SCSS
  • CSS
  • Bootstrap
  • RxJs
  • NgRx
  • HTML
  • Yarn
  • Chart.js
  • Docker
  • JWT
  • Nest.js
  • KeyCloak
  • MailHog
  • Node.js
  • Express
  • PostgreSQL
  • ArangoDB
A dashboard view displaying goal achievement charts in the application with a dark background.

Rest API in Node.js

To better understand backend programming concepts, I created a simple API that performs all CRUD operations. By stepping into the shoes of a backend developer, I gained insight into how the frontend interacts with the backend and the client-server architecture. Additionally, I learned the syntax of Node.js and experienced firsthand how beneficial it is for frontend developers to have JavaScript on the server side.

  • SASS
  • Bootstrap
  • JavaScript
  • Node.js
  • Express
  • Handlebars
  • Heroku
Widok strony prezentującej różne metody http z przykładowymi danymi w inputach

Previous portfolio

A portfolio website showcasing my skills in the spring of 2020. It was designed to provide a highly creative browser interaction experience and required the use of a keyboard. This project allowed me to delve into animated transitions in React and learn how to handle phone interactions using the react-easy-swipe library. Additionally, it provided practical experience with Progressive Web Apps (PWA) and implementing a service worker.

  • JavaScript
  • React
  • Styled Components
  • Service Worker
  • PWA
  • Github Pages
Czarna strona z niebiekim neonowym okręgiem pośrodku zawierjącym obrazek przedstawiący tetrisa i krótki opis w języku angielskim.

ethics on the Front

A university project for a course on the ethics of new technologies. A website created within three days to explore Gatsby.js technology. It helped me understand the concept of a static site generator and identify the range of issues that can arise when using React on the server side.

  • JavaScript
  • React
  • Gatsby
  • Styled components
  • React-hooks
  • Netlify
Strona internetowa 'etyka naFroncie' przedstawiająca nagłówek e-sumienie na tle posągu z aniołem oraz tekst o rozwiązaniu etycznym jakim jest e-sumienie

My Wallpapers

A simple application using local storage to save our favorite wallpapers from Unsplash. It uses React to integrate with the Unsplash API and allows displaying a list of other photos from the service by changing parameters in the app settings. Clicking the heart icon saves images to the list of favorites. Through this project, I gained a better understanding of authentication in APIs and the component lifecycle in React.

  • React
  • Styled Components
  • Axios
  • Local Storage
  • JavaScript
  • Font Awesome
  • React-hooks
Dashboard strony My Wallpapers z listą rekomendowanych tapet przedstawiających krajobrazy w gridzie 3x3 na czarnym tle
Wróć na początek strony