The collection

Everything
I've built.

15 projects, each one real and online. Open any of them, see how it works, and see how I made it.

▶ Watch the revealBrowse the projects
Checking which sites are awake…
15projects
41days to build them
258commits
15live links

The reveal

A short film of how I made each project. Arrow keys skip around, space pauses.

⛶ Open it on its own

All the projects

Every card has a playable demo, the three-step "how to use it" and the three-step "how I made it".

No project matches that. Try a different word.
Android · Windows · Web
🏡

Mellow

The family app: map, video calls, safety and screen time, honest about every bit.
checking…

Mellow (it started as Homebase) is a family app for Android, Windows and the browser: see where everyone is, message with photos and voice notes, and make video calls that really ring. It has SOS, Safe Walk, safety alerts, meals, plans, pocket money and homework, and it links to Noor so the family reads the Quran together. Parents can see screen time and set limits, but it never feels controlling: everyone sees exactly what is shared, can pause it, and every lock is announced in the family chat.

KotlinJetpack ComposeC# Windows trackerWebRTCFlaskPostgres
How to use it
  1. Open it in the browser, or install the Android app
  2. Create a family, or join with a code
  3. Share the map, call, and see screen time
How I made it
  1. I wanted a family app that never feels controlling, then renamed it Mellow with a calmer look
  2. I set the rules: consent first, honest screen time, nothing secret. Claude helped write the Android app, the Windows tracker and the server
  3. We tested on my real laptop and tablet, fixed what broke (grounding, ringing, two tabs), and I shipped it
Open the app ↗ Code ⬇ Android app
Android · Web · Offline A look at Noor
🌙

Noor

A complete Quran app: read, listen, recite and get checked, even offline.
checking…

All 114 surahs with translation in 21 languages, tafsir, tajweed colours and word-by-word meanings, and 20 reciters you can save for offline listening. Recite out loud and Noor marks every mistake, or hide the text for tasmi' and get a score. Sheikh Aws, an AI helper, answers questions about prayer, fasting and duas, and families on Mellow see what everyone read while parents give reading and memorizing tasks. Prayer times, Qibla, Ramadan mode, adhkar and a Quran platform game too.

FlaskJavaScript PWAWeb SpeechService WorkerAndroid appCanvas gameAI: OpenAI API
How to use it
  1. Open it on your phone and pick a surah, or tap Listen for Maher Al-Muaiqly
  2. Tap Recite to read aloud and get checked, or ask Sheikh Aws a question
  3. Link Mellow so your family sees your streak and can give you tasks
How I made it
  1. I asked for a Quran reader, then said: make it an app, white and green, that works without internet
  2. I kept asking for the big features: Maher, recite and get corrected, tasmi' with a score, Ramadan mode, a Mario-style game, Sheikh Aws and family tasks in Mellow. Claude helped build them; the OpenAI API powers Sheikh Aws and the listening in the app
  3. I tested it, asked for clearer text and a better design, added my key, and put it online
Open the app ↗ Code ⬇ Android app
🏎️

VOID

The Hydra LTE242, a dream car you can watch, drive and fly through real Dammam.
checking…

A black and red hypercar inspired by the McLaren 765LT, modelled entirely in code. Watch a 44-second film synced to an original phonk track: it takes a 360 loop, launches off a ramp, lifts off on four thrusters and glides into the front seat's dashcam. Then play it: free roam in al-Tubaishi, Dammam, rebuilt from real OpenStreetMap data with traffic, people, a Fly button, missions and a garage.

Three.jsWeb AudioOpenStreetMapJavaScriptStatic site
How to use it
  1. Press Watch for the film, with sound on
  2. Press Play, drive out of Tubaishi park, then press F to fly
  3. Press Build to paint your own Hydra LTE242
How I made it
  1. I showed Claude a short video of a car concept website and said: make one like it, but original and cooler
  2. I picked the look (all black and red, like a McLaren 765LT), named it the Hydra LTE242, and asked for a loop, a ramp, thrusters, wings, a front seat and a dashcam. Claude helped build it in Three.js, with phonk-style music made in code
  3. I asked for a game too: free roam in al-Tubaishi, Dammam, built from real map data, with traffic, people and a Fly button. Then I tested it and pushed until it felt right
Open the site ↗ Code
🧭

Scout

A map that you can talk to.
checking…

A local-search map with an AI concierge. Ask for what you want in plain words and it finds real places near you, using a local index of 103,000 Saudi places so answers come back in about a second.

FlaskLeafletOverture MapsOpenAIAI: OpenAI API
How to use it
  1. Type what you want, like a quiet cafe with wifi
  2. The concierge searches real places near you
  3. Tap a pin for hours and directions
How I made it
  1. I wanted a map I could talk to
  2. I chose the data and the look. Claude helped build the place index and concierge
  3. I tuned it until it was fast, then put it online
Open the site ↗ Code ⬇ Android app
A look at Unwritten
📖

Unwritten

A life simulator where the AI types your story live.
checking…

A BitLife-style game. Every year the AI writes an event for your life, word by word as you watch, and the choices you make change your money, health, relationships and ending.

FlaskVanilla JSOpenAI streamingAI: OpenAI API
How to use it
  1. Be born and pick a name
  2. Watch each year's event type itself out
  3. Choose, age up, and see how it ends
How I made it
  1. I asked for BitLife, but written by AI
  2. I designed the game. Claude helped with the rules and live typing; the OpenAI API writes each event
  3. I played it, gave feedback, and we balanced it
Open the site ↗ Code
A look at Cookify
🍳

Cookify

Recipes that already know your allergies.
checking…

A recipe site with an allergy and diet engine, ingredient swaps, and a step-by-step cook mode, so what you see is only what you can safely eat.

FlaskVanilla JSOpenAIAI: OpenAI API
How to use it
  1. Tell it your allergies and diet
  2. Search, or let the AI find recipes
  3. Cook along in cook mode
How I made it
  1. I wanted recipes that respect allergies
  2. I planned the features. Claude helped build the allergy engine; the OpenAI API powers AI search
  3. I tested it and put it online
Open the site ↗ Code
A look at Crosswind
✈️

Crosswind

A flight simulator that lives in a browser tab.
checking…

A flight sim with a real flight model: lift, stall, drag and thrust in SI units on a 16 km generated island. Four aircraft, hand-written sky, sea and clouds, no installs.

Three.jsCustom shadersFlask
How to use it
  1. Pick one of the four aircraft
  2. Full throttle, then ease back at about 60 knots
  3. Fly the island and land on the runway
How I made it
  1. I said: make me a plane sim like MSFS
  2. I picked the aircraft and the feel. Claude helped with the flight physics and the sky
  3. I flew it, said what felt wrong, and we fixed it
Open the site ↗ Code
A look at Platter
🍽️

Platter

A recipe box with 1,103 recipes.
checking…

A three-pane recipe box in the style of Plate It. Diet filters, an AI helper, price estimates, a weekly planner, pantry, and it works offline.

FlaskVanilla JSService workerAI: OpenAI API
How to use it
  1. Browse more than a thousand recipes
  2. Filter by diet, or ask the AI helper
  3. Plan the week and get a shopping list
How I made it
  1. I found an app I loved and wanted my own
  2. I sent the screenshot. Claude helped rebuild it and add 1,103 recipes
  3. I chose the extras and put it online
Open the site ↗ Code ⬇ Android app
A look at Alibi
🕵️

Alibi

A murder mystery where one of your friends is the killer.
checking…

A multiplayer party game. The AI writes a fresh case, one player is secretly the killer, and everyone plays on their own phone: question suspects, search rooms, and solve it before time runs out.

FlaskPollingOpenAIAI: OpenAI API
How to use it
  1. Make a room and share the code
  2. Roles are handed out in secret
  3. Question, search and name the killer
How I made it
  1. I wanted a murder mystery where a friend is the killer
  2. I came up with the rules. Claude helped build the multiplayer server; the OpenAI API writes each case
  3. I played it with bots and friends, then shipped it
Open the site ↗ Code ⬇ Android app
🧳

Tripmate

A travel agent that respects your budget.
checking…

An AI trip planner. Say where you are going and what you can spend and it researches flights and stays, checks the total against your budget, and shows the route on a map.

FlaskLeafletOpenAI + web searchAI: ChatGPT Agent Builder + OpenAI API
How to use it
  1. Say where, when and your budget
  2. The agent researches flights and stays
  3. Compare, save, and export to your calendar
How I made it
  1. I started in ChatGPT Agent Builder and built the agent myself
  2. Claude taught me step by step, then helped move my agent into code with the OpenAI API
  3. I added the extras I wanted and put it online
Open the site ↗ Code
🎓

Cramly

Turn your notes into something you can actually learn.
checking…

An AI study app. Drop in notes, a PDF, slides or a photo and get a study plan, flashcards, quizzes and a tutor that knows your material, plus match and swipe games to make it stick.

FlaskPostgresOpenAIAI: OpenAI API
How to use it
  1. Upload notes, a PDF or a photo
  2. Get a plan, flashcards and quizzes
  3. Ask the tutor and play the games
How I made it
  1. I wanted a study app that was actually good
  2. I designed the study flow. Claude helped build it on the OpenAI API
  3. I asked for more features each round until it felt right
Open the site ↗ Code
A look at Womanten
🌱

Womanten

A confidence and habits coach with a push-up app lock.
checking…

An app for building confidence and healthy habits: an AI coach, a weekly plan, AI-made workout and food plans, habits, a journal, a cycle tracker and challenges with friends. On Android, TikTok, Instagram and YouTube stay locked until you do a push-up on camera, and each push-up earns 10 scrolls. It never rates looks and never counts calories.

KotlinML Kit pose detectionFlaskOpenAIAI: OpenAI API
How to use it
  1. Open the site, or install the Android app
  2. Pick what you want to work on and build your week
  3. Lock your scrolling apps and earn scrolls with push-ups
How I made it
  1. I wanted an app like Critique AI, mixing the confidence coach and the habit tracker, and I named it Womanten
  2. I decided what it must never do (rate looks, count calories) and what it must do: lock the scrolling apps until you do a push-up. Claude helped build it; the OpenAI API writes the plans and coaches
  3. I asked for it to be more useful, tested it, fixed what felt wrong, and put it online
Open the site ↗ Code
A look at Whatif
🌀

Whatif

Type a what-if and watch the world change.
checking…

An alternate-history storyteller. Ask any what-if and the AI writes a timeline that fills in while you watch, the domino chain of cause and effect, who wins and loses and how believable it is. Change any event to branch a new story, keep them all in your own Multiverse, and share one as a link or a poster.

FlaskOpenAIStreamingAI: OpenAI API
How to use it
  1. Type a what-if or pick today's
  2. Watch the timeline write itself
  3. Change an event to branch it, then share the link
How I made it
  1. I asked for website ideas and picked the what-if one
  2. I decided it should write the story live, let you branch any event and share it as a link. Claude helped build it; the OpenAI API writes the stories
  3. I tested it on real questions, fixed where the AI slipped, and put it online
Open the site ↗ Code
A look at Totally Normal Website
🤪

Totally Normal Website

A deliberately terrible website. Nothing makes sense.
checking…

A joke site with a bad UI on purpose: a runaway button, a potato to chat with, a calculator where 2+2 is fish, a download bar for more RAM and a dozen more toys. It opens with a photosensitivity warning and has a Calm mode with no flashing or movement.

FlaskVanilla JSWeb Audio
How to use it
  1. Read the warning and pick Calm mode or the chaos
  2. Press anything. Most things do something
  3. Try to catch the button. It gives up eventually
How I made it
  1. I wanted the worst website I could think of, on purpose
  2. I chose every bad idea: the colours, the runaway button, the potato, the nonsense answers
  3. I asked for a seizure warning and a Calm mode, tested the buttons until they worked, and put it online
Open the site ↗ Code
owner only
🛠️

Cramly Control

The owner panel for Cramly.

A separate private panel for running Cramly: see accounts, send a personal message with a unique link, ban or time out an account, and flip a kill switch. Owner only.

FlaskAdmin API
How to use it
  1. Sign in with the owner password
  2. See accounts and message people
  3. Ban, time out, or use the kill switch
How I made it
  1. I wanted a private owner panel for Cramly
  2. I decided what it could do. Claude helped build it
  3. I set the password and put it online
Open the panel ↗ Code

How fast I built it

15 projects in 41 days, many of them at the same time. Each bar runs from a project's first commit to its last, read straight from its git history on 2026-10-24.

🧭Scout
25 commits
📖Unwritten
12 commits
✈️Crosswind
12 commits
🍳Cookify
10 commits
🍽️Platter
29 commits
🕵️Alibi
32 commits
🧳Tripmate
20 commits
🛠️Cramly Control
16 commits
🎓Cramly
20 commits
🏡Mellow
52 commits
🤪Totally Normal Website
2 commits
🌱Womanten
8 commits
🌀Whatif
1 commit
🌙Noor
14 commits
🏎️VOID
5 commits

Commits are a rough measure, but they are real: 258 of them, from Sep 14 to the latest one.

Featured · Android, Windows and web

Mellow: stay close,
stay yourself.

A family app that shows where everyone is, lets you message, and makes calls that ring in their own window. Parents see each child's screen time today and can help with limits. Nobody should feel watched: the person being located always sees exactly what is shared, can pause it, and chooses what parents can do.

What the family seesWhere you are while sharing is on, your battery, your screen time today (minutes playing or watching, never homework), and the messages you send.
What parents can doLock a device (never more than 4 hours a day) or ground certain apps with a minute's warning. Every lock and grounding is announced in the family chat.
What it never doesHide itself, read your other apps or messages, turn on your mic or camera by itself, or secretly change your screen time.
You are in controlPause any time, set quiet hours, say "not now" to a location request, and switch off any parent permission from your own panel.
📍Shared mapEveryone who is sharing shows up, parents too. Offline? You still see the last place.
📹Video calls that ringVoice and video calls on phones and laptops, with a real ringing window, not a quiet notification.
🆘SOS and Safe WalkHold for SOS and everyone gets your live location. Safe Walk tells the family if you do not arrive.
📖Quran with NoorSee what everyone read in Noor, and give reading and memorizing tasks.
⏱️Honest screen timeCounts playing and watching per app, never homework. The child sees exactly what parents see.
🔒Locks, 4 hours a day maxA parent can lock a device; the family chat announces it and the child can ask to be unlocked.
🚫Ground certain appsPick real apps from the child's computer, get a one-minute warning, and only that app closes.
💻Windows trackerA small tray app with its own pop-ups that updates itself and works for two brothers on one laptop.
✅Jobs and pointsParents set jobs, children tick them off, parents approve them for points.
🙋Ask, don't track"Where are you?" is a request the child can answer or say not now to.
🏡Home areaKnow when someone gets home, using a place the family sets together.

Setup: open it in the browser and add it to your home screen (it always stays up to date), or install the Android app. A parent creates the family, then everyone else joins with an 8-character code. On Windows, link the tracker with a 6-digit code.

Open on your laptop ↗Get the app Read the code
Featured · Android, web and offline

Noor: the Quran,
for the whole family.

Read, listen and recite with a clear Quran font, Maher Al-Muaiqly and 19 more reciters. Noor listens while you recite and marks every mistake, hides the text for tasmi' and scores you, and remembers your streak. Almost everything works without internet.

🎙Recite and get checkedRead aloud and every word turns green or red. Tasmi' hides the text and scores you at the end.
🎧20 reciters, offlineMaher Al-Muaiqly by default. Download any surah and listen with no internet, with a sleep timer and a memorization loop.
🎨Tajweed and word by wordColour-coded tajweed rules, and tap any word for its meaning and its sound.
🌍21 languagesSaheeh International English built in, plus Urdu, French, Turkish, Indonesian, Spanish and more.
شيخSheikh AwsAn AI helper for prayer, fasting and duas. Quran verses are shown from the real text, never from memory.
🕌Prayer times and QiblaCalculated on the phone, so they work offline. A compass points to Makkah.
🌙Ramadan modeSuhoor and iftar countdown, a juz a day, fasting and taraweeh trackers, and the duas.
👪Read as a familyLinked to Mellow: see who read what, and parents give reading and memorizing tasks.
🎮Noor QuestA Mario-style platform game where every ؟ block asks a question about the Quran.
Open Noor ↗Get the Android app Read the code

Take it with you

Point a phone camera at the code to open it there. Pick a project to get its own code, or save the poster.

QR code for this showcase
death242-showcase.static.hf.space
Save the codeSave the poster

What's new

The latest things that actually shipped.

NoorFamilies on Mellow read together: everyone's streak and last ayah, and parents give reading and memorizing tasks.
NoorSheikh Aws, an AI helper for prayer, fasting and duas, with every Quran verse shown from the real text.
NoorRecite and get checked, tasmi' with a score, Maher and 19 more reciters, tajweed colours and 21 languages.
NoorNoor Quest, a jump-and-run game where every ؟ block is a Quran question.
MellowHomebase is now Mellow: video calls, SOS, Safe Walk, safety alerts, meals and a calmer look.
HomebaseTwo tabs everywhere, a ringing call window on Windows, and a built-in update guide for the old app.
HomebaseParents see each child's screen time today on the Family tab, on the web and on Android.
HomebaseGrounding fixed so only the grounded app closes. The tracker now updates itself.
HomebaseWindows tracker, locks with a 4-hour daily cap, grounding with a one-minute warning, jobs and points.
CramlyOne Cramly account works across every app, with owner switches for bans, time-outs and a kill switch.
ShowcaseThe reveal got sound, live online/waking status, search and a share image.

What I used

Counted from the projects above. The bigger the number, the more projects use it.

14Flask
6OpenAI
4Vanilla JS
2Kotlin
2Leaflet
2Postgres
2Three.js
2Web Audio
1Admin API
1Android app
1C# Windows tracker
1Canvas game
1Custom shaders
1JavaScript
1JavaScript PWA
1Jetpack Compose
1ML Kit pose detection
1OpenAI + web search
1OpenAI streaming
1OpenStreetMap
1Overture Maps
1Polling
1Service Worker
1Service worker
1Static site
1Streaming
1Web Speech
1WebRTC

Questions people ask

Are these real?

Yes. Every card links to a live site you can open now. Free-tier sites sleep when nobody visits, so the first load can take up to 30 seconds. The Wake all sites button warms them up.

Who made them?

I did: the ideas, the choices and the testing. Claude helped me write and test the code, and some projects use the OpenAI API for their AI.

What is Noor?

A Quran app for the whole family: read, listen, recite and get checked, with tafsir, prayer times and Ramadan mode. Almost everything works without internet.

Is Sheikh Aws a real sheikh?

No. Sheikh Aws is an AI helper inside Noor. It cites the Quran and hadith, says where scholars differ, and tells you to ask a qualified scholar for serious personal questions.

Is Mellow (Homebase) spying on kids?

No. The child sees exactly what the family sees, can pause sharing, and every lock or grounding is announced in the family chat. It never hides itself.

Why does Homebase count screen time?

So a parent can talk about it with real numbers. It counts playing and watching, never homework, and the minutes are never changed in secret.

Can I use them on my phone?

Yes. Everything works in a phone browser, and most can be added to the home screen.

Credits
Me

Every idea, design decision, test and "make it better". I made these.

ClaudeAnthropic's AI, helped me write and test the code and get it online.
ChatGPT Agent BuilderWhere I first built the Tripmate agent and learned how agents work.
OpenAI APIPowers the AI inside Noor, Scout, Unwritten, Cookify, Platter, Alibi, Tripmate, Cramly, Womanten and Whatif.