Hello!
I'm

I develop modern, high-performance, and scalable interfaces using React.js, Next.js, TypeScript, JavaScript, and jQuery. I build strong UI foundations with HTML, CSS/SAAS, Styled Components, TailwindCSS and various UI libraries.

I manage global state with Redux Toolkit, Saga, Zustand, and Context API. I have experience with RESTful API integrations, JWT authentication, Git version control, CI/CD pipelines, PWA development, monorepo structures, UI/UX improvements, pixel-perfect UI and reusable component architecture.

I am experienced in teamwork, agile methodologies, sprint cycles, and task management. In addition to my professional work, I build personal SaaS projects that generate passive income, giving me end-to-end product development experience.

View Resume

Show CV

I prepared my resume with the system I developed myself :)

MY PROJECTS

What are my Projects?

Wordora: Learn English

I’ve developed a vocabulary learning application designed to turn English word learning into a modern, fast, and personalized experience.

📲 Thanks to PWA support, you can install Wordora on your phone and use it just like a native app.

💡 What Does Wordora Offer?

500+ words for every level
Over 16,000 example sentences (5 for each word)
Level-based progress tracking
Word & sentence learning screens
Word/sentence text-to-speech
Show/hide meanings
Quiz modes: tests & fill-in-the-blank questions
Add/remove favorites
Create personal word lists
View example sentences
Learned / not-learned filters
Dual language support: Turkish & English
Installable PWA application

💻 Technologies Used

Next.js App Router
TypeScript
React
Zustand (lightweight and modular state management)
Supabase (authentication & dynamic data)
Speech Synthesis API (voice playback)
Tailwind CSS & shadcn/ui

👉 No ads, completely free, clean, and fast.

I built this project both for myself and for anyone learning English who might benefit from a practical, simple tool.

You can try it out anytime! 🌟

Word + Aurora = Wordora ✨

Next.js

TypeScript

React

Tailwind

API

Live Project

Diyet Takibim | Client Tracking System

It is the Client Tracking System project, which I developed completely for dietitians and provided additional income by offering them for sale. There are 3 different membership packages in the system for dietitians. I integrated the shopier system for the purchasing process.

The aim of the project is to enable dietitians to control their clients more easily, faster and more regularly, and to facilitate their work by managing their clients in a more understandable way with graphics.
There are 3 different parts in my project that are connected to each other. These;

Website: I developed the system in order to introduce it and present what is happening in the system to dietitians in the best way possible.
Client Tracking System: This is the panel where I developed the client tracking system exclusively for dietitians and where I offer special tools for dietitians within the system. Thanks to this system, dietitians make their work much easier.
Admin Panel: I developed the admin panel in order to manage the dietitians or content registered in the system and to solve any problems that may arise from the admin panel.

Dietitian Panel Content;

Dietitians can add new or ongoing clients to the system.
They can see their clients' analyzes in the form of tables
Accompanied by graphics, the daily client can see their appointments.
They can see their clients' weekly/monthly weight analysis accompanied by graphs.
They can keep private notes of their clients.
They can prepare a diet list and send it to their clients. They can get PDF output of the lists they send.
They can create a ready-made diet list template and use it whenever they want.
They can create custom recipes and use them whenever they want.

There are many more features that I did not think of and that I cannot explain at length here. I worked hard while developing this project. I had developed such a project in a very short time and therefore I am proud of myself. In addition, it was very pleasing to live the dream of making money through a system that I have always set up myself, thanks to this site.

I would like to state that I received a certificate by presenting my project in the ICONDATA22 program after my university teacher liked my project very much.

Next.js

React

JavaScript

Tailwind

API

HTML

CSS

PHP

MySql

Live Project

Diyet Takibim | Client Tracking System

Website: I developed the system in order to introduce it and present what is happening in the system to dietitians in the best way possible.
Client Tracking System: This is the panel where I developed the client tracking system exclusively for dietitians and where I offer special tools for dietitians within the system. Thanks to this system, dietitians make their work much easier.
Admin Panel: I developed the admin panel in order to manage the dietitians or content registered in the system and to solve any problems that may arise from the admin panel.

Dietitian Panel Content;

Dietitians can add new or ongoing clients to the system.
They can see their clients' analyzes in the form of tables
Accompanied by graphics, the daily client can see their appointments.
They can see their clients' weekly/monthly weight analysis accompanied by graphs.
They can keep private notes of their clients.
They can prepare a diet list and send it to their clients. They can get PDF output of the lists they send.
They can create a ready-made diet list template and use it whenever they want.
They can create custom recipes and use them whenever they want.

Next.js

React

JavaScript

Tailwind

API

HTML

CSS

PHP

MySql

CV Creation and Customization

It is a CV creation and customization system project. I designed and developed the project completely myself as Full Stack. I'm also thinking of putting the system on sale with packaging options in the future.

The aim of the project is to facilitate CV creation by offering ready-made templates and many features to people who want to create a CV. There is a form for creating a CV, and a CV is automatically created with the data sent with this form. There are many customization options on the created resume.

There is a free demo page in the system and you can test the features provided by the system without being a member of the system. You can create as many resumes as you want by registering in the system free of charge. You can customize, edit, copy and delete your resumes

Features on the resume customization page;

There are 6 different resume template options
There are 7 different resume coloring options
There are 6 different font options
There are unlimited language translation options with Google Translator
Resume template has drag and drop feature.
There is a title editing feature in the resume template
Has dark or light theme option
Resume printing and PDF download feature

There are many more features that I did not think of and that I cannot write here at length. I presented this system as a university graduation project and was highly appreciated by my professors. You can reach the final report of my project by clicking here.

You can create your resumes using this system and customize them as you wish. Because I prepared my own resume with the system I created 😊

JavaScript

PHP

MySql

HTML

CSS

Bootstrap

Live Project

CV Creation and Customization

There are 6 different resume template options
There are 7 different resume coloring options
There are 6 different font options
There are unlimited language translation options with Google Translator
Resume template has drag and drop feature.
There is a title editing feature in the resume template
Has dark or light theme option
Resume printing and PDF download feature

JavaScript

PHP

MySql

HTML

CSS

Bootstrap

Esnaf Vitrinim | Company directory

It is the Company Directory site where I made the frontend and backend coding for my Esnaf Vitrinim, which provides information about 250+ Companies in 140+ Categories. The site contains information about hundreds of companies. You can search and find companies according to the features you want. Each company has its own dedicated page. This page is like a Landing Page made specifically for the company. The company has all the information and content.

The aim of the project is to enable people who do not have a website to display their company on the internet, by registering and adding their companies to this company directory site, to make their companies accessible to customers on the internet. The information of each company is first approved by the administrator in the admin panel. Unless the manager approves, no information and content of the company is published in the directory. The panel part of the project is the most comprehensive part and everything can be controlled.

HTML

CSS

PHP

MySql

JavaScript

Bootstrap

Live Project

Kod Satırım

@kod_satirim is the blog site that I once used and shared about the software, which I developed as Full Stack for my instagram page. I also responsively designed and coded the design of the site myself. I used PHP PDO and MySQL database for backend.

Project content;

As a member of the site, you can use all the features of the site. The site is completely free.
You can find codes for web design examples and use the designs for your own website.
You can find HTML lessons, C programming lessons and Algorithm examples and improve yourself. I prepared the lessons completely myself and explained them in detail.
There is a discussion form between the developers. Thanks to this discussion form, programmers can help each other by asking questions or sharing their knowledge.
There are many categories for discussion forms and you can create a discussion in any category.
You can create a poll and see the results
You can find blog posts about the software
You can add a blog post to the site
you can contact me
Ads approved by Google Adsense

There are many more features that I did not think of and that I cannot explain at length here. I was using the site actively before, but now I can't take care of it, so I host it on my own website on a subdomain. I worked hard while developing this project. I had developed such a project in a very short time and therefore I am proud of myself. In addition, I was very happy to find the answer to the question of how Google Adsense ads are added to the site, how much it saves, thanks to the site I created myself.

HTML

CSS

PHP

MySql

JavaScript

Bootstrap

Live Project

Kod Satırım

As a member of the site, you can use all the features of the site. The site is completely free.
You can find codes for web design examples and use the designs for your own website.
You can find HTML lessons, C programming lessons and Algorithm examples and improve yourself. I prepared the lessons completely myself and explained them in detail.
There is a discussion form between the developers. Thanks to this discussion form, programmers can help each other by asking questions or sharing their knowledge.
There are many categories for discussion forms and you can create a discussion in any category.
You can create a poll and see the results
You can find blog posts about the software
You can add a blog post to the site
you can contact me
Ads approved by Google Adsense

HTML

CSS

PHP

MySql

JavaScript

Bootstrap

Dietitian Gizem Akbulut

A personal website specially designed and developed for Dietitian Gizem Akbulut, who provides online diet services. I coded the website completely myself as Full Stack.

HTML

PHP

MySql

CSS

Bootstrap

JavaScript

Live Project

Dietician Almina Meşin

A responsive portfolio website built for a dietitian to highlight expertise, provide informational blog content, and enable remote client communication.

React

HTML

CSS

Tailwind

PHP

MySql

Bootstrap

API

Live Project

Personal Portfolio for IVF Specialist

A personal website specially designed and developed for a medical doctor specialized in IVF (In Vitro Fertilization), to promote their expertise, share medical content.

React

HTML

CSS

Tailwind

PHP

MySql

Bootstrap

API

Live Project

Consulting Site With Virtual Pos

It is a dynamic consultancy website that provides consultancy services such as E-Commerce, Social Media, Google ads, marketplaces, dropshopping, and can get paid by selling packages using the iyzico infrastructure. It has iyzico infrastructure and sanap pos integration. I coded the website completely myself as Full Stack. I implemented it myself by integrating the Iyzico infrastructure.

iyzico

PHP

MySql

JavaScript

HTML

CSS

Bootstrap

Live Project

Lions Life Building Construction

The corporate project promotion site I developed for Lions Life construction company as Full Stack.

HTML

CSS

JavaScript

PHP

MySql

Bootstrap

Live Project

Nart Plastic

Corporate product promotion site that I designed using HTML, CSS and JavaScript.

HTML

CSS

Bootstrap

JavaScript

Live Project

MY EXPERIENCES

Where Did I Worked?

Frontend Developer

Hogarth 07/2025 - still

07/2025 - still

Actively involved in projects for global WPP brands, focusing on the development of responsive, UI/UX-driven, and SEO-compliant web interfaces, localization workflows, and collaborative project coordination with cross-functional teams.

HTML

CSS

JavaScript

React

Tailwind

Frontend Developer

Jotform 11/2022 - 05/2025

11/2022 - 05/2025

I worked in the Product team at Jotform, a company serving over 25 million users. I contributed to projects such as No Code App Builder, Push Notification, Copilot, and User Management within a shared monorepo architecture across multiple teams.

I developed user-focused, pixel-perfect interfaces and worked on UI/UX improvements, bug fixing and component architecture.

HTML

CSS

JavaScript

React

API

TypeScript

Frontend Developer (Part-Time)

HIDE 11/2022 - 07/2023

11/2022 - 07/2023

After successfully completing an internship, I joined Jotform as a part-time UI Developer. Utilizing HTML, CSS, JavaScript, and React, I actively participated in identifying and resolving issues within Jotform products, thereby contributing to the continuous improvement of user experience.

HTML

CSS

JavaScript

React

Intern Developer

Jotform 08/2022 - 09/2022

08/2022 - 09/2022

I worked on frontend development and component-based structure in various web projects using React.js, HTML, CSS, and JavaScript. My internship provided a significant opportunity for both personal and career growth. During this period, I not only enhanced my coding skills but also developed proficiency in project management, problem-solving, and communication.

HTML

CSS

JavaScript

React

Web Developer

Gali Medya 08/2021 - 10/2021

08/2021 - 10/2021

I worked on developing and improving corporate websites and contributed to SEO optimization tasks.

HTML

CSS

JavaScript

React

PHP

Freelancer Full Stack Developer

Bionluk 09/2021 - still

09/2021 - still

As a freelancer, I developed numerous corporate websites using React.js, Next.js, Redux, Redux-Saga, TypeScript, along with HTML, CSS, JavaScript, UI libraries, RESTful API, PHP, and MySQL, generating income through these projects. Throughout this process, I enhanced my technical skills by delivering customized solutions tailored to client needs. I also improved my project management and communication abilities, gaining valuable experience in building successful client relationships.

HTML

CSS

JavaScript

PHP

MySql

Bootstrap

MY SKILLS

What am I Learning?

MY WORKS

What am I Developing?

Calendar App

This project is a dynamic calendar application developed using React. With this application, users can take notes on specific dates, edit notes, and customize them as per their preferences.

Features:

Dynamic Calendar: Users have access to an interactive calendar where they can choose any year, month, and day. The calendar automatically opens to the current date.
Notes and Categories: Users can add notes to specific dates and customize each note with a specific category color. This feature makes it easy to edit notes and keep them organized.
Easy Access: Added notes are highlighted on relevant months and days for easy access and identification.
Mark as Completed: Users can mark notes as 'completed.' Notes with past dates are automatically marked as 'completed.'
Editing/Deletion: Users can edit and delete notes at any time.
Local Storage Support: All notes are stored in the browser's local storage. This ensures that notes are not lost even after exiting the application. Upon reopening the browser, previous notes are instantly visible.
Mobile Compatibility: The application is designed to be responsive and can be easily used on desktops, tablets, and mobile devices. Users can manage their notes on any device.
Language Support: The application supports both Turkish and English languages.

React

HTML

CSS

JavaScript

Demo

Translation Notebook

It is a user-friendly React project where you can easily take notes and manage unfamiliar foreign words and sentences. I developed this project to facilitate your language learning process and learning new words or expressions. I also use it to take notes of foreign words and sentences that I don't know myself.

Main features of Translation Notepad:

Add Translation: Enter the words or sentences you want to learn in Turkish and English and automatically save them in a list.
Filtering and Search: You can filter the translations you have added by word or sentence and search them quickly. This is especially useful when working with a large collection of translations.
List Shuffle: You can easily change the list order. This will help you memorize the order by mixing up the translations.
Hide and Show Translations: You can hide translations and test your guessing skills. You can show translations again whenever you need.
Marking Learned: When you think you have learned a translation, you can mark it as learned. In this way, you can only view the translations you have learned.
Adding to Favorites: You can add translations that you find particularly important or interesting to your favorites. You can then view only the translations added to your favourites.
Dynamic Search: You can use the dynamic search feature to quickly search the list. It allows you to instantly find the word or sentence you are looking for. You can search for both languages,
Translation Editing: When you need to edit the translations you added, you can easily correct them.
Translation Deletion: You can easily delete unnecessary or incorrect translations.
Saving: Your translations added to the list are automatically saved to localstorage in the browser, and you can view your translations at any time by logging into the project via the same browser.
Mobile Compatibility: Thanks to mobile compatibility, you can use it seamlessly on both phones and tablets.
User Guide: If you want to get more information about using the application, you can review the user guide.

It is a project that makes your language learning process more organized, efficient and fun. Start using it now to make your language learning experience more enjoyable

React

HTML

CSS

Demo

Translation Notebook

Add Translation: Enter the words or sentences you want to learn in Turkish and English and automatically save them in a list.
Filtering and Search: You can filter the translations you have added by word or sentence and search them quickly. This is especially useful when working with a large collection of translations.
List Shuffle: You can easily change the list order. This will help you memorize the order by mixing up the translations.
Hide and Show Translations: You can hide translations and test your guessing skills. You can show translations again whenever you need.
Marking Learned: When you think you have learned a translation, you can mark it as learned. In this way, you can only view the translations you have learned.
Adding to Favorites: You can add translations that you find particularly important or interesting to your favorites. You can then view only the translations added to your favourites.
Dynamic Search: You can use the dynamic search feature to quickly search the list. It allows you to instantly find the word or sentence you are looking for. You can search for both languages,
Translation Editing: When you need to edit the translations you added, you can easily correct them.
Translation Deletion: You can easily delete unnecessary or incorrect translations.
Saving: Your translations added to the list are automatically saved to localstorage in the browser, and you can view your translations at any time by logging into the project via the same browser.
Mobile Compatibility: Thanks to mobile compatibility, you can use it seamlessly on both phones and tablets.
User Guide: If you want to get more information about using the application, you can review the user guide.

It is a project that makes your language learning process more organized, efficient and fun. Start using it now to make your language learning experience more enjoyable

React

HTML

CSS

Movie and Series Promotion App with TMDB API

I developed a movie and TV series promotion site using React Hooks, Context API and HTML&CSS. I pulled the movie and series data from The Movie Database (TMDB) API using the axios library. I used react-router-dom for pagination structure. I used the swiper library while listing the movies as a swipe design. Thanks to this project, you can find movies and TV series in many categories and see their details.

Features included in the project;

A random movie is selected and displayed each time the page loads.
You can see the top rated, popular and upcoming movies
You can see newly released, top rated and popular TV series
You can search for any movie or TV show you want.
You can see the details of movies and series

Information in the details of movies and TV series;

Category information
IMDb score
Description
Players
Fragment
Similar Movies or Series
Recommended Movies and TV Shows
Number of Comments
Vision date

You can review the project and convey your positive/negative comments. I am always ready to develop and improve 😊

React

API

HTML

CSS

JavaScript

GitHub Demo

English Vocabulary Quiz App

In this project, I have developed a test application using React Hooks and HTML&CSS, where you can test your vocabulary for all levels of English. The application includes a 20-question vocabulary test for each level of English, including A1, A2, B1, B2, C1, and C2.

Each question is presented one by one in the test. You have 30 seconds to answer the question. Within 30 seconds, you need to select one of the options given in the question and move on to the next question. If you don't answer the question before the time runs out, your answer will be automatically marked as incorrect, and you will move on to the next question.

You can track your progress within the test. At the end of the test, you can see the percentage of questions you answered correctly. You can check the accuracy of all your answers. You can find the incorrect answers and learn the correct ones. You can solve the test for each level.

By solving tests in order from easy to difficult, you can test yourself and improve your English.

React

HTML

CSS

JavaScript

GitHub Demo

Tic-Tac-Toe (X-O-X) Game

I have created a tic-tac-toe game using React and HTML&CSS in this project. The game starts with X and continues in turns. If there is no winner until the end of the game, it ends in a tie. You can have fun playing the game with your friends 😊

React

HTML

CSS

JavaScript

Demo

Restaurant QR Menu App Design

In this project, I developed a menu design that restaurants or cafes can use for QR menus using React Context and Hooks. I coded the design of the project in a mobile-friendly way using Tailwind CSS. You can use the project in both light and dark themes. You can also change the main color of the project as you wish. I created the data of the swiper area, the images and descriptions of the products in JSON format myself.

React

Tailwind

JavaScript

HTML

CSS

Demo

Image Search App using unsplash API in ReactJS

In this project, I developed an image search application with React using the Unsplash API. Images that are suitable for the input value entered are taken from the unsplash site and displayed on the screen. I used the Axios library for the API.

I coded the design of the project myself using HTML&CSS. I used column layout when listing images. I gave importance to the design being mobile compatible. You can view the project by clicking the demo link below.

React

API

HTML

CSS

JavaScript

GitHub Demo

ToDo List with React

In this project, I developed a todo list using React (Context, Hooks) and HTML&CSS. I saved the data in the browser by saving the added tasks on localStorage. You can add your own tasks from the demo link of the project and update it whenever you want.

Project content;

Adding a Task
Marking the status of tasks (pending/completed)
Filtering tasks
Task Editing
Task Deletion
Saving task data with LocalStorage

React

JavaScript

HTML

CSS

GitHub Demo

E-Commerce Web Site With React Using Conext and Fetch API

In this project, I developed an E-Commerce site using React (Context, Hooks) and HTML&CSS. I pulled product and category data from dummyjson site using Fetch API. I used React-Router-Dom for pagination. I completely coded the design of the project myself in a responsive way. You can use the project as a light or dark theme.

In the project content;

You can filter products by categories
You can add the product you want to the cart
You can increase or decrease the number of products
You can see the basket details and take action (increase-decrase-delete-calculate)
Basket data is saved on LocalStorage, you can see your data again even if you close and open the page.
You can add products to favorites
You can view the product detail page
You can see similar products according to the product you clicked
You can choose a Light or Dark theme
You can use it as responsive

React

JavaScript

API

HTML

CSS

GitHub Demo

Real Time Weather App Using React

I developed a Real-Time weather application using Openweathermap Fetch API with React. I designed the design myself using HTML&CSS. You can see real-time weather information by searching for the country, city or county you want. I also added appropriate images according to the results of the weather. You can also use the app in dark mode or light mode.

Information you can see about the place you are looking for:

Heat
Weather description
Wind speed
Detected Temperature
Humidity

React

JavaScript

API

HTML

CSS

GitHub Demo

YouTube Main Page Clone

In this project, I developed a responsive YouTube clone using React (Hooks, Context) and HTML&CSS. You can also view the project in both dark and light mode. I created the dummy Json data for YouTube posts and shorts content myself. You can toggle the sidebar area, the post's menu, and the profile menu on or off. You can find the live link of the project and the GitHub link below.

React

JavaScript

HTML

CSS

GitHub Demo

Palindrome Word Checker

A palindrome is a word or phrase that reads the same backwards as forwards, e.g. level, refer. In this project, I developed a project that checks whether the data entered by the user has a palindrome structure. You can test the project live and you can try palindrome words.

JavaScript

HTML

CSS

GitHub Demo

Todo List with Javascript localStorage

In this project, I developed a to-do list project with JavaScript. I saved data using localStorage in my project. The user can mark the added tasks as pending/completed done and filter them according to these values.

JavaScript

HTML

CSS

GitHub Demo

Adjustable Appointment Schedule

In this project, I developed an editable appointment calendar over the database. Thanks to this appointment calendar, appointments can be made on a site at any day and time. Appointments made are kept in a database and marked as full on the day and time they are made. The site owner can set the start and end times of the appointments, the days and dates he wants to close the appointment. You can access the codes and explanations for the use of the project on my Github profile.

PHP

MySql

HTML

CSS

Bootstrap

GitHub Demo

Sending Mail with PHPMailer

PHPMailer is one of the most popular open source PHP libraries used for sending mail with PHP. I have also used this library for sending e-mails on many corporate websites. You can access the detailed article on PHPMailer usage by clicking here.

PHP

HTML

CSS

GitHub

MENU

LANGUAGE

COLORS

THEME

Hello!
I'm

MY PROJECTS

What are my Projects?

💡 What Does Wordora Offer?

💻 Technologies Used

MY EXPERIENCES

Where Did I Worked?

Frontend Developer

Frontend Developer

Frontend Developer (Part-Time)

Intern Developer

Web Developer

Freelancer Full Stack Developer

MY SKILLS

What am I Learning?

MY WORKS

What am I Developing?

Hello! I'm

MY PROJECTS

What are my Projects?

💡 What Does Wordora Offer?

💻 Technologies Used

Wordora: Learn English

💡 What Does Wordora Offer?

💻 Technologies Used

Diyet Takibim | Client Tracking System

CV Creation and Customization

Esnaf Vitrinim | Company directory

Kod Satırım

Dietitian Gizem Akbulut

Dietician Almina Meşin

Personal Portfolio for IVF Specialist

Consulting Site With Virtual Pos

Lions Life Building Construction

Nart Plastic

MY EXPERIENCES

Where Did I Worked?

Frontend Developer

Frontend Developer

Frontend Developer (Part-Time)

Intern Developer

Web Developer

Freelancer Full Stack Developer

MY SKILLS

What am I Learning?

MY WORKS

What am I Developing?

Calendar App

Translation Notebook

Movie and Series Promotion App with TMDB API

English Vocabulary Quiz App

Tic-Tac-Toe (X-O-X) Game

Restaurant QR Menu App Design

Image Search App using unsplash API in ReactJS

ToDo List with React

E-Commerce Web Site With React Using Conext and Fetch API

Real Time Weather App Using React

YouTube Main Page Clone

Palindrome Word Checker

Todo List with Javascript localStorage

Adjustable Appointment Schedule

Sending Mail with PHPMailer

Hello!
I'm