Dimitris
Boutakoglou

Front-end Web Developer - Mobile First Design Advocate - Sleeping Enthusiast

About Me

Hey! Name's Dimitris Boutakoglou. I'm a front-end web developer and designer from Alexandroupolis, Greece. Growing up in a cluttered balkan home made me realise the importance of simplicity and order, two values that carry over in my coding and design work. As a Gen Z kid with a slight phone/iPad addiction myself, plus a personal computer, I use multiple different devices per day. Consequently, I deeply understand how important a responsive and mobile first approach can be in order to achieve the widest possible spectrum of device availabilty, and thus I swear by it. I'm always looking for the next challenge to lose myself in, whether that'll be a new design tool, JavaScript framework or cooking recipy.

Current Tech Stack

HTML

CSS

JavaScript

WordPress

Elementor

GitHub

VSCode

Figma

Photoshop

Learning Stack

React

Tailwind CSS

SASS CSS

Projects

Image of pricing component
Personal Blog Mockup

A fully responsive, 3 page personal blog style website. Made using HTML and CSS. First time I used Flexbox and media queries on a bigger sized project.

Live Link GitHub Repo Link
Image of pricing component
Pricing Component

Mockup of a pricing component for a subscription service. Fully responsive with functional payment plans switch button. Made using HTML, CSS and JavaScript.

Live link GitHub Repo link
Image of pricing component
Product Preview Card

A basic product page made as a React component using HTML, CSS and JS. Main focus was to practice React syntax, thus the simplicity of the project.

Live link GitHub Repo link
Image of pricing component
BlackJack Game

A relatively simple BlackJack game made with HTML, CSS and JavaScript. Mostly used as practice for DOM manipulation.

Live link GitHub Repo link
Image of pricing component
Passenger Counter App

A website/app originally made using HTML, CSS and JavaScript. Main purpose was Javascript syntax and DOM manipulation practice.

Live link GitHub Repo link
Image of pricing component
Random Advice Generator App

A radom advice generator utilizing the Advice Slip API. Made using HTML, CSS and JavaScript. My first ever dive into the world of APIs. (API doesn't work on Firefox)

Live link GitHub Repo link

Projects

Image of website
Personal Blog Mockup

A fully responsive, 3 page personal blog style website. Made using HTML and CSS. First time I used Flexbox and media queries on a bigger sized project.

Live link GitHub Repo link
Card image cap
Product Preview Card

A basic product page made as a React component using HTML, CSS and JS. Main focus was to practice React syntax, thus the simplicity of the project.

Live link GitHub Repo link
Card image cap
Passenger Counter App

A website/app originally made using HTML, CSS and JavaScript. Main purpose was Javascript syntax and DOM manipulation practice.

Live link GitHub Repo link
Card image cap
Pricing Component

Mockup of a pricing component for a subscription service. Fully responsive with functional payment plans switch button. Made using HTML, CSS and JavaScript.

Live link GitHub Repo link
Card image cap
BlackJack Game

A relatively simple BlackJack game made with HTML, CSS and JavaScript. Mostly used as practice for DOM manipulation.

Live link GitHub Repo link
Card image cap
Random Advice Generator App

A radom advice generator utilizing the Advice Slip API. Made using HTML, CSS and JavaScript. My first ever dive into the world of APIs. (API doesn't work on Firefox)

Live link GitHub Repo link

Let's Talk!

Contact form