Fullstack developer - web, apps, games and more

Fullstack / frontend developer, Javascript programmer

I do my stuff for about 20 years, including three years as a team leader of developers in a financial company. Below you can see my favourite things and here you can read more about me: open about me.

About me

Hey! Good to see you. Please keep in mind that this is pretty old page, so some things may be outdated.

I'm Maciek from Warsaw, Poland. Full-stack application developer since 2005.

In my career I was responsible for the maintenance and development of small and huge webpages like gazeta.pl or radiozet.pl.

I did my own JavaScript / jQuery plugins which were available on CodeCanyon.

I made a lot of web, desktop and touch devices apps and games using HTML, CSS, JS and Canvas. Few of them were released for Android and iOS devices, some of them were prepared for a huge touch screens and installed in museums - visitors can read informations about exposition, watch images and play games about given exhibition. In these cases I was responsible also for installing and configuring entire enviroment in museum and workshops for employees to learn them how to lauch and update given app through the CMS (also built by me in PHP and MySQL).

I had written bunch of tests in Cypress and Playwright, once I was responsible for configuring entire test environment using Playwright, Github Actions and external service comparing screenshots.

Technical qualifications

Javascript ES6/ES5 (Vanilla, jQuery, Canvas 2D, Vue, React)
websites, applications and games (with entire engines)
CSS (SCSS, Blueprint, Bootstrap, Bulma)
including games with HTML/CSS based engines
Websites optimization
(e.g. for SEO or Google Insights purposes - just check the result of my own page)
NW JS and Cordova
desktop/mobile games and applications in JS
PHP, MySQL, MariaDB
it is not my main stuff, but I know it enough to build entire websites, systems and applications (I've built almost all of backends for the pages and apps in my portfolio and I've even prepared my own multilanguage CMS which allows to launch really fast pretty big pages)
Photoshop, Figma, Adobe XD
Jira, Trello, Asana, Redmine
Google Sheets API, Google Maps API
GIT (Git Flow, GitLab Flow), SVN
Twig, Smarty
Webpack
Gulp
Docker
Ruby on Rails
basics. In my last project for the german company it was more comfortable for me to do something by myself instead of idly waiting for backend developer, so I've just learned basics of RoR. Later I was responsible for writing end-to-end tests for entire system.

Książ Castle Książ Castle Książ Castle

Tourist attraction on the south of Poland.

What and how I did:

Entire frontend (believe me, this page is really huge!): HTML, CSS, RWD, JS / jQuery (including creating own plugins)
PHP changes when needed
Improvements in design (Photoshop)
.htaccess configuration
Gulp
GIT

Especially impressive parts:

Terminals for museums Terminals for museums Terminals for museums

Six applications for museum in Jarosław city
Application for museum in Wschowa city
Three applications for museum in Spała city
Six applications for museum in Polichno city

You can use application on a touch screen to read about exposition, play simple games, solve puzzles, watch photos or listen to the lector.

Especially impressive parts:

Actually everything - and that was really awesome experience!

One of applications in Jarosław city use two different screens communicating between each other - one for control, one for display result on the end of the room.
One of applications in Polichno city is connected through the AJAX => PHP => System => USB to the lamp and "alarm" above the exposition - launching depends on your choices in kind of story-adventure game.

What and how I did:

Coding: HTML, CSS, JS / jQuery, PHP + MySQL (CMS for museum employees)
Setting up environment (Apache server, databases, autolauncher, browser in KIOSK mode) on local machines, delivering to the museum and installing on the spot
Technical support, staff training "how to use and launch"
Scenario for some of animations and transitions
Scenario for some of puzzle rules, elements behaviour

HSM Recycling HSM Recycling HSM Recycling

HSM is a company which offers unrecoverable destroying of hard disks, data archivization and data encryption.

What and how I did:

CSS Animations (you must see this stuff in main header! => hsm-recycling.pl
Frontend: HTML, CSS / SASS, RWD, JS (Vanilla JS)
Backend: PHP, MySQL
Design
.htaccess configuration
Server and domain configuration
Webpack

Map of purchases Map of purchases Map of purchases

Displaying in real time purchases of product - every new customer is "flying" to the office from its city.

Through the socket I receive information from CRM about every new purchase and customer's location - then I can recalculate longtitude and latitude for new "shot" - its position, speed, vector and direction to the office. Everything is responsive and fully configurable, product is designated to place on a big screen e.g. in the office to make your visitors or investors impressed.

What and how I did:

Coding: HTML, CSS, RWD, JS (Vanilla JS), Canvas
Google Maps API, Google Maps styling
Design

Nobody Likes You Nobody Likes You Nobody Likes You

Webpage for Nobody Likes You - small indie games studio.

What and how I did:

Design
Programming: HTML, CSS / SASS, JS (Vanilla JS), PHP
Server and domain configuration
.htaccess configuration
SEO (check Google Insights result)

Mobile game for Bokka Mobile game for Bokka Mobile game for Bokka

Bokka is a popular polish music band. Collect stars to unlock new parts of the song and then go for the record and get your highest score. Game is available for iOS and Android devices

What and how I did:

Programming: JS (Vanilla JS) + HTML5 Canvas compiled to native apps
CocoonJS (currently not supported platform)
At the beginning I had used oCanvas framework, but result was under expectations and I've decided to use vanilla JS
Improvements in design
Details of game rules

Arcade game engine Arcade game engine Arcade game engine

I always wanted to build a "like a Mario" game and wanted to know "how it works inside", so have prepared my own game engine and it's ready for building games.

Currently this engine contains almost everything, what game engine should contains: running, jumping, moving platforms, doors with different types of keys, enemies, shooting (with rebounds), water, collapsing floors (with configurable delays), ladders, goodies and much more.

What and how I did:

Programming: JS (Vanilla JS) + HTML5 Canvas compiled to native apps
PHP for server side funcionalities
Webpack

Cube puzzle game Cube puzzle game Cube puzzle game

3D Puzzle logic game for desktop (Windows, Mac) and mobile devices (Android, iPhone).

What and how I did:

Programming: JS (ES6) + HTML5 + CSS3/SASS with 3D support
Game concept, rules
Scenario
Design
Levels
Webpack
Compiling tools for different platforms (Android, Windows, Mac)

Maze game Maze game Maze game

Arcade game - find all treasures, open the doors, avoid monsters, lasers, cannons and more. Product available for desktop (Windows, Mac).

What and how I did:

Programming: JS (Vanilla JS) + HTML5 Canvas compiled to native apps
Game concept, rules
Scenario
Levels
Design
Music
PHP to support server side funcionalities
Webpack
Compiling tools for different platforms (Windows, Mac)

Just Jigsaw Just Jigsaw Just Jigsaw

Classic jigsaw for mobile devices (iOS and Android) and desktop (Windows, Mac).

What and how I did:

Programming: HTML, CSS/SASS, JS (Vanilla JS) compiled to native apps.
Design
Compiling tools for different platforms

Virgin Mobile Virgin Mobile Virgin Mobile

Set of Facebook applications for Virgin Mobile - Cmok & Talk, Devil, Tickets, Wall.

What and how I did:

Coding: PHP, HTML, CSS, jQuery
Embedding on Facebook

Virgin Academy Virgin Academy Virgin Academy

Webpage for Virgin Mobile. Register, send your vision of own business (it means a lot of very confidential data with plans, photos, estimations, schedules) and win the prize - 100 000 PLN. In meanwhile you could solve the test "how good businessman you are?" (result was generated in PDF), read articles, watch movies, photos and more.

Different groups and permissions for users - user, administrator, moderator - opportunity of adding new photos, articles, view applications and more.

What and how I did:

They said "we don't have too much time and in this case we know only one guy so mad to take this job - you", so I did everything:

Backend: PHP, MySQL
Frontend: HTML, CSS, jQuery
Generating PDF result in PHP, extended forms validation, simple CMS
.htaccess configuration

Forum Media Forum Media Forum Media

13 templates for medical portal about rehabilitation and physiotherapy.

What and how I did:

Coding: HTML, CSS, RWD, JS

Bank BPS Bank BPS Bank BPS

Customer's panel. Everything was made from scratch - even responsive date pickers, cause that was customer's wish: "cause of security issues do not use downloaded libriaries, only jQuery is allowed".

What and how I did:

Coding: HTML, CSS, RWD, JS, jQuery

ING Bank ING Bank ING Bank

Facebook application for ING bank.

What and how I did:

Frontend: HTML, CSS, JS, jQuery
Backend: PHP (simple CMS basing on .txt files)
Facebook embedding

Przewozy Regionalne Przewozy Regionalne Przewozy Regionalne

Facebook application for polish train transport company designated for promoting of interesting places in Poland.

What and how I did:

Frontend: HTML, CSS, JS, jQuery
Backend: PHP, MySQL
For customer: CMS with opportunity of adding new galleries, photos, subpages, maps and descriptions
For visitors: opportunity of voting / recommending places

Public radio station Public radio station Public radio station

Weather forecast for polish public radio station.

What and how I did:

Coding: HTML, CSS/Bootstrap, RWD, JS, jQuery

Aasa Poland SME Aasa Poland SME Aasa Poland SME

Webpage for scandinavian financial company - Aasa SME (loans for small and medium enterprises).

What and how I did:

Coding: HTML, CSS/SASS, RWD, JS, jQuery, PHP
Translating calculators from financial department's Excel files to JS
Advanced form validators
Improvements of design (Photoshop)
SEO
Optimizing
Webpack configuration
GIT
.htaccess configuration

Aasa Poland Aasa Poland Aasa Poland

Webpage for scandinavian financial company - Aasa.

What and how I did:

Coding: HTML, CSS/SASS, RWD, JS, jQuery, PHP, Twig
Translating calculators from financial department's Excel files to JS
Advanced form validators
Improvements in design (Photoshop)
SEO
Optimizing
Webpack configuration
GIT
.htaccess configuration

Game for TVP Game for TVP Game for TVP

Game for polish public television related to their popular show. Watch the video clip, listen to the song and fill missing parts of lyrics. Customer can add new content through the XML file.