Hi, my name is Emre Pirci


Front-End Developer

School-taught BSc Material Science Engineering

Know more

About me

Profile Image

From the moment I produced 'Hello World' in the console of my first application, I knew I was hooked into the world of software development. Software development has never been 'just a job' for me, it's offered an engaging challenge to continually learn and improve my skills in creating high-quality software.

What started with a simple 'Hello World' has become a full-fledged passions that only gets more exciting as time goes by.

View Resume

Projects

Google Homepage Clone

A project in which I deconstructed Google's homepage and rebuilt it using HTML5 and CSS3. The goal is to clone the page's appearance, not necessarily the function. This is why the links and search bar don't go anywhere.

  • Using Chrome/Firefox's developer tools to debug and see underlying code
  • How elements get placed, styled, and aligned on the page
  • Using CSS Flexbox for the layout of the page
  • Organizing code with divs to make items easier to position

See Live Source Code

Todo List Web App

Todo list app created using JavaScript. New todo can be easily added to the list. Completed things to do can be removed with a single click.

  • Applied and understanding JavaScript's "Conditional" Statements
  • fadeOut function implemented
  • Function document.getElementById() implemented
  • Multiple types of CSS selectors

See Live Source Code

Freecodecamp Projects

Projects I completed to get Freecodecamp Responsive Web Design certificate. I used HTML, CSS, Visual Design, Accessibility and more when building the pages. I created 5 different design pages, you can view them on the Codepen by clicking the gif.

  • Tribute Page
  • Survey Form
  • Product Landing Page
  • Technical Documentation Page
  • Personal Portfolio Page

See Live Source Code

PSD to Responsive Website

Creating a website by installing the PSD file design from scratch. The goal is to build website according to original dimensions from design file. The necessary elements were taken over the design with Adobe XD.

  • Using CSS Flexbox for the layout of the page
  • Organizing code with divs to make items easier to position
  • Get used to the Adobe XD interface.
  • Getting the necessary assets from the PSD file.

See Live Source Code

Color Game Web App

Color guessing game created using JavaScript. There are 2 different game modes, easy and hard. When the rgb code is selected correctly from the color boxes given, it paints the whole boxes in the specified color. The wrong predicted box disappears from the screen. It can be restarted with the "Try Again" button.

  • The EventTarget method implemented
  • Applied and understanding JavaScript's "Conditional" Statements
  • The EventTarget method implemented
  • Multiple types of CSS selectors

See Live Source Code

Scorekeeper App

Score keeper app created using Javascript. The target score can be changed. Player who reaching the target score is marked by green, the remainder by red. New game can be started with the reset button.

  • Using DOM Manipulation (document.querySelector)
  • Applied and understanding JavaScript's "Boolean" object
  • const and let variables declared used
  • If statement implemented

See Live Source Code

Contact