Front-end engineer and product builder · Egypt

I build useful products, then share what I learn building them.

I help people and businesses turn real problems and rough ideas into digital products they can actually use. I came into development from nursing, teaching myself along the way, so I also share what that route taught me: the lessons, the mistakes, and the parts of the process that usually stay hidden.

See what I’m building
Ebrahim Youssef

Products with a purpose

What I’m building

Four projects, each one started from a problem I wanted solved: intentional Islamic experiences in Arabic, infrastructure other developers can build on, and tools I use myself.

Arabic-only · offline-first · Expo

Arkan · أركان

In development

Islamic knowledge usually reaches a family as study material, not as something the family can do together in an evening.

What I builtArkan is an Arabic-only quiz game for the family. Two to four players pass one device around a local majlis, there is a ten-question daily challenge shared by everyone on the same day, and progress runs across the five pillars. Every question carries four options, an explanation, and its source.

Current resultBuilt with Expo and React Native for Android, iOS, and the web. Data stays on the device and play works offline, with no accounts, ads, or analytics. This is my main project right now and the clearest example of where I am heading: intentional, useful digital experiences for Muslims.

Arabic-first · RTL · web and Android

NABD · نبض

In development

A daily routine of worship is easy to start and hard to keep steady, and most habit apps are built for neither the language nor the routine.

What I builtNABD is an Arabic-first companion for the daily wird: one page to check off the day, levels that fit the routine to where you actually are, per-item statistics for consistency and streaks, a dhikr counter, libraries of adhkar and intentions, prayer times, and reminders.

Current resultA Next.js app with a Capacitor Android shell that keeps working offline. It is a product direction I intend to keep building, not a portfolio concept, and the codebase is public.

Open-source SDK · TypeScript

Quran Unified API

Pre-1.0, published on npm

Anyone building a Quran app has to stitch together providers that return text, audio, translation, and tafsir in incompatible shapes, and any one of them can be unavailable when it is needed.

What I builtA typed JavaScript and TypeScript SDK that puts a single interface over those providers, with provider selection and automatic fallback when a source does not respond.

Current resultUseful infrastructure for developers building Quran and Islamic products: one result model, provider adapters, full TypeScript types, and documentation.

Full-stack side project · Next.js

Quote Vault

Source available

The lines worth keeping end up scattered across screenshots and notes apps, and they are never there when you need them again.

What I builtA quote and knowledge organiser with a dashboard for saving, editing, and finding quotes, email sign-in, a light and dark theme, and an interface in English and Arabic.

Current resultBuilt with Next.js, TypeScript, Prisma, and PostgreSQL. A smaller project than the others, and where I worked out server actions, typed data access from database to component, and a bilingual interface end to end.

Who this is for

Two kinds of people I build for.

  • For businesses

    I help turn real operational problems and product ideas into interfaces people can understand and use.

    Email me about a project
  • For developers finding their path

    I share practical lessons for self-taught developers and career-switchers who want a clearer, less lonely route into programming.

    See where I share

Services

How I can help

Bring me a product idea, an operational process that needs an interface, or a front end that needs a dependable pair of hands.

Product interfaces

Turning complicated workflows into web experiences people can move through without a manual.

Arabic-first and bilingual products

Interfaces built for Arabic and RTL from the first screen, not translated into it afterwards, so the language and the people reading it are treated properly.

Front-end engineering

Dependable React and TypeScript front ends: maintainable structure, careful details, and product thinking behind the code.

A clear path forward

How the work goes

  1. 01

    Understand

    Learn the real problem, the people, and the constraints before deciding what to build.

  2. 02

    Shape

    Make the simplest useful version of the product and get the user journey clear.

  3. 03

    Build

    Build the interface with maintainable front-end engineering and attention to the details people feel.

  4. 04

    Refine and ship

    Test the important flows, fix what is unclear, and release something people can rely on.

Ebrahim Youssef monogram

Why I do this

I did not come to software the usual way.

I started in nursing. I moved into development by teaching myself: courses, freelance work, and building real projects until they worked. Figuring it out alone taught me how much harder the path is without a map, and that is why my work is split in two, building useful products and sharing what I learn along the way.

I share the lessons, the mistakes, and the parts of the process that usually stay hidden, not only the finished screens. If you are teaching yourself or changing careers, I hope it saves you some of the time it cost me.

Built in the open

A small game about Islamic history.

A small guessing game about figures from Islamic history, in Arabic and English: tap or write mode, Arabic input that forgives spelling variations, streaks, and a share card. It runs as a React island inside this otherwise static Astro site.

Where I share

Notes from the work, in public.

  • LinkedIn

    Arabic

    Arabic reflections, lessons from building, and things I am learning.

  • Qabilah

    Arabic

    Arabic learning notes and conversations with a community of builders.

  • Facebook

    Helping people with questions and sharing useful discussions.

  • YouTube

    Videos about learning, building, and useful development knowledge.

  • GitHub

    The products, experiments, and tools I build in public.

Let’s talk

Have a real problem worth solving?

I build products that are meant to be used, not just displayed. If you have an idea, an operational pain point, or a product that needs a clearer interface, tell me what it is, who it needs to help, and where the current experience gets in the way.

And if you are teaching yourself or changing careers into development, I hope something I share makes the next step clearer.