MK
React → Next.js → Full Stack → Production · 22 apps
MehranKhan
22 real appsFrom zero to production. Full stack. Auth. Payments. Real users. Each one shipped to the internet, polished enough to charge money for.
Task managers to SaaS products — the complete journey from day one to production-ready, documented live.
Every single one has a live URL, real code, and a lesson earned the hard way.
currently building
a task manager
progress0 of 22 shipped
0 visits
⚛React▲Next.jsTSTypeScript◈Prisma🐘Postgres⚡Stripe🔑Auth✓Vitest
0
shipped
22
total
Phase 1 — Core React
Build streak
codebymehran/portfolio · last 15 weeks
0
day streak
0
days coded
Dec
Jan
Feb
Mar
Mar
M
W
F
lessmore
Phase 1Core React— components · state · hooks · TypeScript
Building this now…
01
Task manager
A to-do app that actually works — add, complete, delete tasks.
buildingIn the queue. Won't be long.
02
Expense tracker
Track where your money goes with smart categories and totals.
Not yet, but it's being planned.
02.5
Weather widget
Live weather for any city, pulling from a real forecast API.
Coming soon — good things take time.
03
Quiz app
A slick multi-step quiz with scoring, timers, and results.
On the roadmap. Watch this space.
04
Recipe book
Save and browse your favourite recipes with search and filters.
Being built. Check back soon.
05
Kanban board
Drag-and-drop task board — like Trello, built from scratch.
Next up on the journey.
05.5
Theme & settings
A settings panel with theme switching that remembers your preferences.
Almost its turn.
05C
Habit tracker
Build streaks, log daily habits, and watch consistency compound.
Phase 2Next.js Frontend— App Router · Tailwind · real APIs
This one's coming — stay tuned.
06
Portfolio site
A personal portfolio with fast page loads and beautiful typography.
In the queue. Won't be long.
07
Movie browser
Search and discover films using a live movie database.
Not yet, but it's being planned.
07.5
Notes app
A rich-text note editor with auto-save and formatting tools.
Coming soon — good things take time.
08
Dashboard UI
An analytics dashboard with live charts, filters, and data tables.
On the roadmap. Watch this space.
09
E-commerce store
A fully browsable shop with cart, checkout flow, and product pages.
Being built. Check back soon.
09C
Music library
Browse, play, and organise a personal music collection.
Phase 3Full Stack— Prisma · PostgreSQL · auth · Stripe
Next up on the journey.
10
Full stack tasks
A task app with real accounts — sign up, log in, your data stays.
Almost its turn.
10.5
Link shortener
Paste a long URL, get a short one. Simple product, real engineering.
This one's coming — stay tuned.
11
Blog + CMS
A blog you can actually write and publish from — no code needed.
In the queue. Won't be long.
12
SaaS starter
A subscription app with paid plans, billing, and team accounts.
Not yet, but it's being planned.
12C
Real-time chat
Messages that appear instantly — no refresh, no delay.
Phase 4Production Level— testing · CI/CD · real users
Coming soon — good things take time.
13
Test coverage
Every critical feature tested — automated checks run on every save.
On the roadmap. Watch this space.
13.5
Perf & a11y audit
Fast, accessible, and usable by everyone — measured and proven.
Being built. Check back soon.
14
Real product
My own idea, built for real users, with a real business model.
0
apps shipped
22 remaining
22
apps planned
full-stack to production