About
I love front-end development.
I can develop complex web applications using modern JavaScript frameworks.
Side Projects
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
-
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.
-
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…
-
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
A post where I share my experiences transitioning from Bootstrap 4 to 5.
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
-
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/>
-
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/
- 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
-
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.
Volunteering
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
Management information systems
- 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
-
Microsoft SQL Server
-
C#
Certifications
-
JavaScript
-
React
-
bootstrap
-
Redux saga
-
Css
-
React hooks
Certificate of Attendance
-
React
-
Redux
-
React Hooks