All Projects.

View:

Back to home

12/2024

3D Garage Configurator

This functional 3D garage configurator was built with React.js and Vite and integrated into the pre-existing WordPress website for the At-Stal company.

Customers can configure their garage and order it online by filling out a form. The system then sends emails with the garage configuration and other details to both the customer and the company.

The 3D component was built with Three.js (React Three Fiber) and renders the garage in 3D, updating the model in real-time as the user configures it.

  • React.js
  • TailwindCSS
  • Three.js
  • Framer Motion
  • Mantine
  • WordPress
3D Garage Configurator

11/2024

Routes planner (WIP)

Fully featured CRM web application for planning orders as interactive markers on map. Users can group orders into routes and inform thei clients about delivery via email messages.

Projects is built in TypeScript wih Next.js App Router, NeonDB for data storage, Mapbox for displaying map and shadcn/ui + Tailwind for styling.

  • Next.js
  • React.js
  • TypeScript
  • Mapbox
  • shadcn/ui
  • NeonDB
  • TailwindCSS
Routes planner (WIP)

02/2024

Portfolio

My latest portfolio portfolio (this website) powered by Next.js, TypeScript and TailwindCSS for responsive design. All animations were designed with Framer Motion.

This project is a refreshment of my old portfolio created in Gatsby.js, Storyblok (for CMS) and SCSS.

  • Next.js
  • TailwindCSS
  • Framer Motion
  • TypeScript
Portfolio

01/2024

Visual Motion Interactive

Website for interactive agency VMI, built with Next.js and TailwindCSS for styling. Content is managed by Sanity.io - modern headless CMS. Users can send messages from contact form to the agency thanks to SendGrid API.

The website is integrated with Framer Motion for animations and uses TypeScript for better code quality and maintainability.

  • Next.js
  • Sanity.io
  • TypeScript
  • TailwindCSS
  • Framer Motion
Visual Motion Interactive

05/2023

YT without spoilers

Simple website that allows you to watch YouTube videos without player controls. It usefull when you want to watch a video without seeing the progress bar and other controls.
  • Next.js
  • TailwindCSS
  • TypeScript
YT without spoilers

03/2022

Live Events Platform

Multiplatform solution for managing live events organized by company from healthcare industry. Employees can sign in with SSO and register for live show events, manage product demos, scan QR codes and create other accounts.

The web application was built with Next.js and Firebase and also offers a dedicated mobile app for Android and iOS. It is integrated with many 3d party services like Salesforce, SendGrid, and others.

  • Next.js
  • Firebase
  • TypeScript
  • MaterialUI
  • SendGrid
  • Styled Components
Live Events Platform

09/2021

Curly Weddings

Multilingual SPA website for Polish Weddings Planning company "Curly Weddings". CMS panel allows company owner to add new services and manage galleries. The main goal was to deliver fast, modern website that may help find more potential customers.
  • Bolt.CM
  • UI design
  • JavaScript
  • SCSS
  • PHP
Curly Weddings

06/2021

Covid Entrance Ticket

Web application created with Next.js and TypeScript for generating entrance tickets built for healthcare facility during COVID-19 pandemic. It uses Firebase for authentication and database.
  • Next.js
  • Firebase
  • TypeScript
  • MaterialUI
  • Styled Components
Covid Entrance Ticket

04/2020

Pain Tracker

Complex healthcare solution for tracking face pains and other related symptoms. Doctors can manage patients, their symptoms and medications via web dashboard. Patients can track their symptoms using mobile app and send reports to their doctors.

Mobile app was built with Expo and AWS Cognito and the web application dashboard was built with React.js and MaterialUI. The app is integrated with AWS S3 for storing images and AWS Lambda for sending emails with reports.

  • Expo
  • React.js
  • Firebase
  • SendGrid
  • AWS
  • MaterialUI
Pain Tracker

10/2019

Accounting ARTAX

Simple SPA website created for ARTAX - Polish Accounting Firm created using Bolt.CM CMS. The platform layout was designed using JS, SCSS, and compiled in Gulp.js. Clinet was able to manage the content using Bolt.CM.
  • Bolt.CM
  • JavaScript
  • PHP
  • SCSS
  • Gulp
Accounting ARTAX

07/2019

3D reconstruction viewer

Web application built in React.js and Three.js for viewing 3D reconstruction of a building. It allows to view 3D model of a building and navigate through it using virtual 3D markers. The app was deployed on AWS S3 and uses AWS CloudFront for serving static files. The layout was created with MaterialUI.
  • React.js
  • Three.js
  • JavaScript
  • AWS
  • MaterialUI
3D reconstruction viewer

12/2018

Old Portfolio

This is my old portfolio website created in Next.js (React.js). It was a place where I could show my projects and present current developer skills. I wanted to create website that could be as fast as possible and also easy to maintain so I chose static generated website combained with headless cms. The website layout was designed by me in Adobe XD.
  • Next.js
  • SCSS
  • StoryBlok
  • JavaScript
  • React.js
Old Portfolio

11/2017

TeamSport

TeamSport is a company offering a range of physical activity services, including sports camps and instructor-led courses. The designed portal allows easy management of the entire offer through an administrative panel. Users can also sign up for sports sections dedicated to specific disciplines, and the panel facilitates the management of galleries and various forms on the website.
  • WordPress
  • jQuery
  • Gulp
TeamSport

10/2017

Suwała Studio Bruku

Wordpress based modern CMS website for Polish company Suwała Studio Bruku with a custom blog and gallery sections. The built-in administration panel allows registered company employers to add new blog posts, manage gallery categories, add realizations photos and update services.
  • WordPress
  • jQuery
  • SCSS
  • Gulp
Suwała Studio Bruku

08/2017

Taurustal.com

Responsive 3D garage configurator built in Vue.js that allows to create custom garage and order it. Website is built with WordPress and uses Three.js for 3D rendering. Administation panel was built as a custom WordPress plugin and allows to manage garages costs and other parameters.
  • Vue.js
  • Three.js
  • WordPress
Taurustal.com

07/2017

TaxiBus Kraków

This refreshed website built with WordPress allows company employers to add new offer on the website and set their prices in both currencies. One of the most important portal sections was interactive booking form where customer can calculate prices of the custom tour/travel and book it instantly.
  • WordPress
  • jQuery
  • SCSS
  • Gulp
  • PHP
TaxiBus Kraków

06/2015

Perfekt-Blach

Simple and clean Wordpress based website for Polish company Perfekt-Blach allowring their customers to get to know the company and their offer. Layout created in Photoshop and coded with SCSS and Gulp.js.
  • WordPress
  • JavaScript
  • SCSS
  • Gulp
Perfekt-Blach

04/2014

PDF documents generator

PDF documents generator is online application with offline support for Polish law firm that allows their employers generating PDF documents during meetings with Law Firm clients. It was built with Laravel framework and jQuery. Styles were created with SCSS and compiled with Gulp.js.
  • Laravel
  • jQuery
  • PHP
  • Gulp
  • SCSS
PDF documents generator

03/2014

Instytut Piękna - Guinot

The Guinot Beauty Institute website was crafted with WordPress, utilizing Photoshop for design, and incorporating HTML5, SCSS, and jQuery. The custom layout design ensures a unique and user-friendly platform for exploring beauty services at the Guinot Beauty Institute.
  • WordPress
  • jQuery
  • JavaScript
  • SCSS
  • Gulp
Instytut Piękna - Guinot

02/2013

BluePear.pl

Website created for BluePear - interactive agency. Designed with a custom layout in mind, SCSS for styling and jQuery for interactivity. The website is fully responsive and has a custom administration panel for managing the content (Joomla).
  • Joomla
  • jQuery
  • JavaScript
  • SCSS
  • Gulp
  • PHP
BluePear.pl