/
/
/
/
b3ktas

b3ktas

@brokencodaa

Product Engineer • UI/UX Engineering

Student at Cloud Campus

@absudhabitat

Hello, I’m a 24-year-old Product Engineer based in the South of France. I enjoy creating and designing intuitive, performant, and maintainable interfaces.

I build my interfaces as reusable, data-driven components. Loading states, interactions, and user actions are handled directly within the components to keep the architecture clear and predictable.

You can explore a selection of my projects below or contact me by email to get in touch.

My creations

Koyoo

Stack — Technologies I use

ReactTypeScriptJavaScriptTailwind CSSReact NativeExpoSupabasePostgreSQLGitGitHubViteReact RouterFramer MotionTanStack QueryAxiosHTMLCSSESLintPrettierFigmanpmLinux

Workflow

Product

I think of the product as a coherent system. Structure, navigation, interactions, data, and states are designed to work together rather than as isolated elements.

For Koyoo, this translates into an experience focused on discovering, tracking, and managing a manga collection, with an architecture designed to accommodate new features.

ProfileHero.tsxReact + TypeScript
function ProfileHero({
  profile, loading, onEdit
}) => {
  return <section
    className="rounded-[30px] border bg-[#f8f8f6]"
  >
    <img
      src={profile.avatarUrl}
      className="h-full w-full object-cover"
    />

    <button
      onClick={onEdit}
      disabled={loading}
    >
      Edit
    </button>
  </section>
}

Implementation

I build components around real data and application states. Here, the profile, avatar, and loading state are passed into the component, while the edit action is provided by the parent.

This approach separates presentation from the logic that uses it, making components more predictable and reusable across different contexts without duplicating their behavior.

Koyoo mobile interface

README

My GitHub brings together my personal projects, client work, and various experiments around web and mobile development.

I present more than the final result: the code, architecture, technical decisions, and how my projects evolve throughout development.

The technologies shown above are limited to those I have already used several times. I do not claim extensive experience with each of them, but I have enough practice to keep working with them.

https://github.com/b3ktasprohttps://x.com/b3ktasprohttps://www.linkedin.com/in/bektas-mustafa-832b4440bb3ktas.pro@gmail.com
Profil GitHub de Bektas

AI is also part of the way I learn and improve when it helps me go further with a technology or better understand what I am building.

For me, AI should be a tool for progression, not a shortcut that replaces skills. A bit like in Magi: you can equip yourself with a Djinn through a Metal Vessel and use its abilities to enhance your own capabilities. AI can play a similar role: it can equip you, help you go further, and tackle problems that would have been much harder to face alone. But you still need to be able to understand and master what you built with it.

I now want to keep these stacks in front of me and practice them regularly to turn this experience into genuine technical mastery.

Interests

Magi (Persian Myth), Sun-Ken Rock

Trophy Hunter (21 Platinum Trophies)

Retro Collections

Cars & Street Racing

Fantasy & Science Fiction

Interests