Creating code
from
your Design

Check my Work

About me

Hi!
My name is Haiko. I'm a frontend developer who loves to transform your designs to the most optimized code possible.

Work

Checkout my projects

April 2023

Coffee Rooster

A coffee rooster subscription plan. Design is coming from Frontend mentor. This website is builld with Next.js. I wanted to expand my knowledge about React and use some static and client side components mixed with each other.
- #Next.js
- #Mantine
- #React
- #HeadlessUI
February 2023

Multistep Form

Code challenge from frontendmentor.io. Build with React, Mantine, Vite and Zod. I tried out Mantine because i heard a lot of great things about this project. I used the component library, custom hooks and the form package. All from Mantine. I enjoyed working with the custom hooks and the form package. On the other hand, the styling was a bit hard. first time using CSS in JS, and customizing Mantine components was just a lot of unnecessary researching.
- #React
- #Mantine
- #Vite
- #Zod
June 2022

Comments Application

This comment application is build on React and on the Firebase realtime database. I build this app to improve my React skills and to learn more on how to architecture a noSQL database. The challenge was created by frontendmentor.io. A platform were you get a basic design, and its up to you with what tools you create the code from the design.
- #Vite
- #React
- #FIrebase
- #Realtime
- #SCSS
May 2021

Yelpcamp

The well known project from Colt Steele's webdevelopment course on Udemy. Had a lot of fun building this website. This site is build with plain HTML, CSS and Javascript. Express.js is used as the backside to setup the CRUD functionality.
- #HTML
- #CSS
- #Javascript
- #Express
- #MongoDB
- #Mongoose

Let's Talk

Enter your message

Source Code

Please tell me

Curious about al the details? checkout the source..

Get the source

Creating code from your Design

About me

Work

Checkout my projects

Coffee Rooster

Multistep Form

Comments Application

Yelpcamp

Let's Talk

Enter your message

Source Code

Please tell me

Creating code
from
your Design