BY

Hi, 👋 I'm BuğrahanFront-end Developer

Software engineer focused on developing and maintaining scalable and reliable front-end systems.

Sivas, Turkey

Sivas Cumhuriyet Üniversitesi, Computer Engineering

These days I'm learning react query.

You can find me on Linkedin

darth-vader"May the force be with you."
mryunt-photo

Skills

react-icon

React.js

js-icon

JavaScript

ts-icon

TypeScript

php-icon

PHP

java-icon

Java

css-icon

CSS

html-icon

HTML

sass-icon

SASS

redux-icon

Redux

twind-icon

Tailwind

node-icon

Node.js

xpress-icon

Express

mongo-db

mongoDB

jest-icon

Jest

next-icon

Next.js

Projects

FitTrack project screenshot

FitTrack Visit FitTrack

FitTrack is a fitness tracking app that allows users to monitor their daily activities, set fitness goals, and track their progress over time. The app features a clean, intuitive design and integrates with Google Gemini AI for data on steps, distance, and calories burned. Additional features include workout tracking and exercise logging, nutrition monitoring and meal planning, progress visualization with charts, and personalized fitness goals. The app is designed to be responsive for both mobile and desktop use.

Used Tools:

React.js
JavaScript
Google Gemini AI
Tailwind.css
Project Management System project screenshot

Project Management System Visit Project Management System

I developed a project management system using Next.js for Frontend and Express.js for Backend. The system allows users to create, update, and delete projects, as well as assign tasks to team members. The app features a clean, intuitive design and integrates with MongoDB for data storage.

Used Tools:

Next.js
TypeScript
Tailwind.css
Express.js
AI Match Prediction project screenshot

AI Match Prediction Visit AI Match Prediction

I developed a Match Prediction System using React.js for Frontend, Express.js for Backend and Gemini AI for match prediction. The system allows users to predict the outcome of football matches based on historical data and machine learning algorithms. The app features a clean, intuitive design and integrates with Gemini AI for accurate predictions.

Used Tools:

React.js
JavaScript
Express.js
Gemini AI
Portfolio Web Page project screenshot

Portfolio Web Page Visit Portfolio Web Page

I designed and developed a responsive portfolio website that resembles a MacBook screen. Built with React.js, the site showcases my projects, skills, and experiences with a clean, user-friendly design.

Used Tools:

React.js
JavaScript
CSS
HTML
Rick and Morty project screenshot

Rick and Morty Visit Rick and Morty

I developed a user-friendly app using the Rick and Morty API, allowing fans to explore detailed information about their favorite characters. The app features an intuitive design, ensuring a seamless and engaging user experience.

Used Tools:

Next.js
JavaScript
CSS
HTML
Aphelios. project screenshot

Aphelios. Visit Aphelios.

This is a React.js application focused on my favorite League of Legends character, Aphelios. The app showcases various abilities and lore of Aphelios, with an emphasis on interactive and engaging design.

Used Tools:

React.js
JavaScript
CSS
HTML
Accessibility Guide project screenshot

Accessibility Guide Visit Accessibility Guide

I created an interactive guide to web accessibility, focusing on the importance of creating inclusive and user-friendly websites. The guide features a range of tools and resources to help developers improve the accessibility of their projects.

Used Tools:

HTML
CSS
Weather App project screenshot

Weather App Visit Weather App

I built a React-based Weather App that delivers real-time weather updates for cities across Turkey. The app features a simple, user-friendly interface and integrates with APIs to provide accurate forecasts.

Used Tools:

React.js
JavaScript
CSS
HTML
Understand Box Sizing project screenshot

Understand Box Sizing Visit Understand Box Sizing

I built a JavaScript-based interactive tool that demonstrates the effects of box-sizing on layout. The tool allows users to apply padding, margins, and borders to visualize the differences between content-box and border-box in real time.

Used Tools:

JavaScript
CSS
HTML

Licenses & certifications

company-icon

AI for Fullstack Developers | Skill:Up

Re:Coded

Issued Dec 2024

company-icon

TypeScript

Scrimba

Issued Dec 2024

company-icon

Advanced React

Scrimba

Issued Dec 2024

company-icon

JavaScript Algorithms and Data Structures

freeCodeCamp

Issued Feb 2024

Experience

Fill-Labs logo

Full-Stack Developer

Fill-Labs

Jan 2025 - Present

Jotform logo

UI Developer Intern

Jotform

Jun 2024 - Aug 2024