WHO I AM?

Hey there. I'm Zehra. A newbie but passionate Jr. Frontend developer. I got into coding during the pandemic (since November 2020) and I fell in love with web development.

To me, writing a good HTML and CSS is like solving a puzzle . I love the fact that a website can be written in so many different ways. But of course, I'm also aware that a code needs to be maintainable So, I'm trying my best to learn the best practices and my future team's coding conventions.

I can convert Photoshop & Figma designs into HTML pages. I try my best to make pixel perfect designs. However, I'm aware that I still need lots of practice until I can make a website that would look the same in every browser.

I started to learn javascript and can hide/show components, add/remove classes and send XHR requests. But I'm exciting to learn much more.

I'm looking forward to work with you :)

Skills & Proficiency

HTML5

Semantic HTML

Forms

SVG

CSS3

Flexbox

Box Model

Positioning

Animations

CSS Variables

BEM

Git

Git (I can rebase :)

Github

Javascript (ES2015+)

Basic DOM Manipulations

Others

Photoshop

Figma

Fontawesome

SEO

Accessibility

Bootstrap

npm

Prettier

My Journey

I'm following the Frontend Developer Roadmap as my guide to explore and learn the technologies that I'll need. Here is an overview of where I currently stand.

Zehra Yatkı's Frontend Developer Roadmap

My Certificates

Google Homepage Clone freeCodeCamp Responsive Web Design

I completed freeCodeCamp's Responsive Web Design course.

My Projects

Some of the things I made that make me proud :)

Google Homepage Clone Google Homepage Clone

I tried to make an exact copy of Google Homepage for Turkey. I even did the dropdown suggestions using focus-within :)

Live Demo - Source Code
Frontend Mentor - Tip Calculator App Frontend Mentor - Tip Calculator App

Here, I made another frontendmentor.io challenge. HTML and CSS is ready but this work is still WIP. Because I'm learning JavaScript to add calculator-functionality.

Live Demo - Source Code
Frontend Mentor - Time tracking dashboard Frontend Mentor - Time tracking dashboard

Here, I tried to use the designs provided by frontendmentor.io website, and made this responsive dashboard using flex-box .

Live Demo - Source Code