Zerrin Tepedelen

Zerrin Tepedelen

Frontend Developer in Ankara, She/Her

About

I love front-end development.

I can develop complex web applications using modern JavaScript frameworks.

Side Projects

2024

Role: Volunteer Mentor

Description: This project, conducted in pairs, focuses on developing an application where users can discover themselves by testing two choices, have fun with enjoyable quizzes, and perform character analysis.

Technologies Used:

  • Next.js, React, Tailwind CSS, Supabase, ESLint, Prettier, Framer Motion, Axios
2024
  • Nuxt was used to experience SSR capabilities in Vue.

  • The design was iteratively developed in Figma and then made responsive.

  • Styling was done using Sass and Tailwind CSS.

  • Various Nuxt plugins were integrated into the Vue-based project: nuxtjs/device, nuxtjs/google-fonts.

  • The project was published on Netlify.

2023
  • This project provides an example of a "To Do List" application developed using Pinia, Vue 3, and Vite.

  • Users can add new tasks, edit existing tasks, and mark completed tasks.

  • The project demonstrates how Pinia can be used within the Vue 3 ecosystem.

  • Additionally, it shows how to use Vite's rapid development environment.

  • I shared this experience on my personal website and on Medium. -> medium.com/@zerrinbstn/vu…

2022
  • This project was developed with the aim of learning React Native.

  • The purpose of the project is to manage the data of "Simpsons" characters.

  • Within this context, users can add new characters, delete existing ones, and retrieve updated character data.

  • Data is stored locally in AsyncStorage.

  • External API is used to fetch and process data for updates.

Writing

2024

A post where I share my experiences transitioning from Bootstrap 4 to 5.

2023

In this article, I discuss the state management process using Pinia in a Vue.js project. Additionally, I explain why I chose Vite during the project creation phase.

Work Experience

2022 — Now
Remote
  • I own and deliver projects in service of quarterly goals on the team

  • I independently identify the right solutions to solve ambiguous, open-ended problems

  • I get work to a simple place by focusing on the heart of the problem and prioritizing the right things

  • I proactively identify new opportunities and advocate for and implement improvements to the current state of projects

  • The technologies used: Vue, Vuex, Xstate, Tailwind CSS, Sass, Github, GitLab

  • Project: <bayi.tarfin.com/> and <tarfin.com/>

2021 — 2022
Remote
  • I was working in the Russia team at Domino's Pizza company.

  • During my time there, we developed an e-commerce website for Russia.

  • The crucial point here is the uninterrupted operation of the website.

  • We had the ability to intervene directly when the site crashed.

  • I tried to learn New Relic and Google Analytics to monitor these situations.

  • Additionally, we made improvements to increase the speed of the website, enhance its performance, and address security vulnerabilities

  • The technologies used: React, React Hooks, Next.js, Styled Component, Redux, JavaScript, Css

  • Project: dominospizza.ru/

2020 — 2021
Remote
  • I worked in a technology company that also offers solutions to corporate companies in America.
  • I made Arizona and Texas websites accessible through a single URL.
  • I created new pages by extracting HTML code from the source code to integrate with CKEditor.
  • This enabled us to quickly merge the two sites within one month.
  • The technologies used: React, Redux, Next.js, Axios, SASS, Yup, Formik
2019 — 2020
Remote
  • I worked as an intern front-end developer at 90Pixel for 1 year. Then I continued as a frontend developer.

  • I have been involved in projects used by more than 1000 people.

  • Worked as an exceptional performance employee and communicated with different people

  • The technologies used: React, Next.js, Context, API, Mobx, Redux, Sass, Bootstrap, Reactstrap, Yarn.

  • Projects

    1 - Kuveyt Turk Bankacılık Okulu May 2020

    Technologies: React, Context API, Next.js, Fetch Api, SASS, Yup, Formik

    Features: Made with the 90Pixel team. The project continues. Video Platform. Users can share

    training videos, create their channels and their own lists. It can access video history, videos to watch

    later, and popular channels. Admin can access details from the admin panel.

    Project url: corpeo.90pixel.net/

    2 - Yazıyorum PRO Mar 2020

    Technologies: React, Context API, Next.js, Draft.js, Fetch Api, SASS, Yup, Formik, Eslint,

    Features: Made with the 90Pixel team. It is a platform for your employees in your organization to

    freely share their experiences, knowledge and experiences.

    Project url: pro.yaziyorum.io/

    3 - Tofaş Akademi Kütüphanesi Nov 2019

    Technologies: React, Mobx-state-tree , Fetch Api, Next.js, SASS, Eslint

    Features: Made with the 90Pixel team. Cloud Based Intelligent Library Automation.

    Project url: kutuphane.tofasakademi.com.tr/

    4- Acıkveri Oct 2019

    Technologies: React, Mobx, Next.js, Fetch Api, SASS, Yup, Formik, Eslint, Prettier

    Features: Personal Project. It is an open source API library for the user.

    dev.acikveri.90pixel.net/

Volunteering

2024 — Now
Remote

Mentoring and Code Review: Provided mentoring to a project member by reviewing their code and providing feedback to contribute to their personal development. Continuing to offer assistance.

Education

2020 — Now
licence at Anadolu Üniversitesi
Distance Learning

Management information systems

2016 — 2019
associate degree at Gazi Üniversitesi
Ankara
  • Programming Languages: C#, Java, SQL, JavaScript
    Web Frameworks: .NET MVC
    Database Technologies: SQL Server, MySQL
    Version Control: Git
    Web Technologies: HTML, CSS, Bootstrap
    Other: Object-Oriented Programming (OOP) principles
2012 — 2016
Database Programming at Elvanköy imkb mesleki ve teknik Anadolu lisesi
Ankara
  • Microsoft SQL Server

  • C#

Certifications

2020
Bingöl Front-End Web Development Bootcamp from Kodluyoruz
  • JavaScript

  • React

  • bootstrap

  • Redux saga

  • Css

  • React hooks

2019
Advanced React Concepts Workshop from Developer Circles from Facebook

Certificate of Attendance

  • React

  • Redux

  • React Hooks

Contact