Smilling Marcelina, self-drawing vector graphic

Marcelina
Hasiak

frontend developer
-wannabe

Projects

About

For the last seven years I've been working as dental technician. Unfortunatelly the day where my dreamed up profession stopped being ideal came and I started to seriously think about IT career. Long story short, the job where I can develop my skills everyday (not just few times per year), work remotely from time to time and finally creating beautifull websites and application is actually all I need.

The carousel below shows what I have been doing as dental technician.

  • CAD project- prosthesis
  • CAD project- prosthesis
  • CAD project- prosthesis
  • CAD project- prosthesis
  • CAD project- prosthesis
  • CAD project- prosthesis
  • CAD project- prosthesis
  • CAD project- prosthesis

And the section below contains all my bigger projects. Under each thumbnail there are two icons - the first one leads directly to my repository (filled readme disclose additional informations about the project) and the second one opens new tab with project live

here' re my interests

Icon, tool paintings

paintings

Icon, photocamera

photography

Icon, mountains

mountains

Icon, pottery

pottery

Icon, game controler

videogames

Icon, dice

boardgames

Projects

Decorative leafs as a background Cyber Market project.
Icon, github Icon, website

#vanillaJS #cssGrid #cssFlexbox #cssAnimation #keyframes #svgAnimation #localStorage #forms #sass #npm #devserver #figmaProject

Cyber Market

  • My first website ever.
  • Selfmade design in figma.
  • Impressed by animations used on other fancy websites I tried to create my own piece full of bells and whistles.
  • Cyber market is responsive only above 900px.
  • I've put a small riddle inside so you can hack a secret Yakuza member account (if needed, check the readme on github for solution).
Decorative leafs as a background Memo Bananya project.
Icon, github Icon, website

#vanillaJS #factoryPattern #observerPattern #separationOfConcerns #cssGrid #cssFlexbox #cssAnimations #keyframes #sass #BEM #svgIllustrations #PWA #es6 #semanticHTML5 #es6modules #es6classes #privateProperties #sassModules #RWD #webpack #npm #uuid #game #figmaProject

Memo Bananya

  • This is the biggest project I have ever done so far. I tried my best to separate the buisness logic from the view and used all my javascript powers to write the best, reusable code I can before I make my first React app.
  • 3 levels available, single and multiplayer
  • Memo Bananya exists as PWA
  • Fully responsive web design
  • Selfmade svg illustrations based on original png pictures
Decorative leafs as a background Habit Controller project.
Icon, github Icon, website

#vanillaJS #cssGrid #cssFlexbox #cssAnimations #sass #BEM #localStorage #es6 #es6modules #es6classes #webpack #semanticHTML5 #RWD #figmaProject

Habit Controller

  • Simple application for tracking bad and good habits.
  • The habits are saved in the local storage after check the checkbox in the calendar.
  • Search input shows previously added habits as a hint.
  • Saved habits may be deleted
  • Selfmade background image and design made in figma.
  • Fully responsive web design
Decorative leafs as a background Portfolio project.
Icon, github

#vanillaJS #cssGrid #cssFlexbox #cssAnimations #sass #sassModules #BEM #RWD #svgIllustrations #hamburgerMenu #es6 #semanticHTML5 #glide.js #forms #figmaProject

Portfolio

  • Selfmade svg graphic and design made in figma
  • Fully responsive web design
  • Contact form supported with netlify
  • Intersection Observer used for navigation and projects animation

Contact