• coding from Figma, Adobe XD and even... from Adobe Photoshop ;)
• SASS + BEM
• JavaScript
• WordPress + ACF Pro + custom Gutenberg blocks
• DRY PHP code
• Webpack

• React
• NextJS
  
  
  
  

• mega menu built using ACF Pro
• SASS + BEM
• JavaScript
• custom Gutenberg blocks
  
  repo + more info + PNGs: https://github.com/mkrawczykowski/growing-websites-wordpress
  website: https://growingwebsites.dev/portfolio

I've created the website as a subcontractror for an agency. It is based on Adobe XD project.

repo: https://github.com/mkrawczykowski/simple-wordpress-site
website: https://www.smartinzynieria.pl/

I'm not an experienced plugin creator as I know only basic PHP, but from time to time I like to create a plugin even from myself. This one I used on my owm website/blog, no longer updated.

• AJAX
• ACF Pro
• CSS animations
• cookies

repo and more info: https://github.com/mkrawczykowski/gwiazdki-wordpress-plugin
demo: https://stronyireszta.pl/gwiazdki-oceny
demo 2 (under the post): https://stronyireszta.pl/sklep-internetowy-na-wordpressie-wtyczka-woocommerce

Surfer SEO is a tool for professional SEO experts that helps creating well optimized contents. It uses reverse engineering methodology: helps us to find out what phrases and words the highly ranked contents use so we can use the same phrases and words in our contents. You input a keyphrase you are interested in and Surfer SEO shows:

• what phrases to use
• how many of each of those phrases should we use in our content

repo + instructions: https://github.com/mkrawczykowski/surfer-tool
working app: https://stronyireszta.pl/portfolio/surfer-tool/

An old app of mine to generate 3D book covers from JPG images. You can rotate your cover in 3D space and export it to PNG file.

repo: https://github.com/mkrawczykowski/3d-cover-generator
working app: https://stronyireszta.pl/generator-coverow

When I wanted to practice object-oriented programming in JS, I was looking for an idea for an app I could write. One day my brother was playing chess with our cousin and I thought: hey, it'd be a fun way to practice using objects! And hey - let's use Websocket too, to let two players play with eachother (I've never used Websocket before, but it seemed like an interesting piece of technology).

Working on chess game really was fun, but a bit too difficult. Some elements already work (like generating of a chessboard or moving a piece), but I stopped working on it for now as the code is a bit too hard for me to add new fatures. I think I don't have enough experience yet to finish it.

repo: https://github.com/mkrawczykowski/wbpack-szachownica
demo: https://stronyireszta.pl/portfolio/chess/

When I first heard about Raspberry Pi, I thought 'Is it possible to control it with code written in Javascript? It turned out it is, so I decided to make first preparations to create a robot arm: writing some test code that would be used in a real device in the future.

The idea is simple: I wanted to create a robot arm made up of two parts of equal length (to make calculations simpler; with two equal length arms we have kind of isosceles triangle), and arm's purpose was to be able to move its ending only on Y axis and not to move it on X axis. This requires the angles in triangle to be calculated in "real time" (every time a user changes the HTML range element). I don't know much about trygonometry, but The University of Wikipedia was here to help ;).

repo: https://github.com/mkrawczykowski/robot-arm
demo: https://stronyireszta.pl/portfolio/robot-arm/

Just a simple exercise on how to create tabs witth only CSS.

repo: https://github.com/mkrawczykowski/tab-resp-nav
demo: https://stronyireszta.pl/portfolio/tab-resp-nav/

One day I decided to create a slider on my own.

repo: https://github.com/mkrawczykowski/very-simple-slider
demo: https://stronyireszta.pl/portfolio/very-simple-slider/