export default function Booking({ artist }) {
const [slot, setSlot] = useState(null)
return (
<Calendar
busy={artist.holds}
onPick={setSlot}
/>
)
}<Stack.Screen
name="gate/[id]"
options={{ title: "Access" }}
/>
useEffect(() => {
return feed.subscribe(gate.id, setState)
}, [gate.id])Route::middleware('auth:sanctum')
->prefix('v1')
->group(function () {
Route::get('/portfolio',
[PortfolioController::class, 'show']);
Route::post('/orders',
[OrderController::class, 'store']);
});Echo.private(`prices.${symbol}`)
.listen('Tick', (q) => {
book.apply(q)
chart.push(q.last, q.at)
})
// p95 under one second, end to endselect v.name,
count(o.id) as orders,
sum(o.total) as revenue
from vendors v
join orders o on o.vendor_id = v.id
where o.created_at > now() - interval '30 days'
group by v.name
order by revenue desc;on: camera.motion
where: zone == "perimeter"
and: armed == true
do:
- snapshot: 3 frames
- notify: control_room
- escalate:
after: 90s
to: authoritiesScroll to rotate — six layers of the stack01 / 06 · Interface — React · Next.js · Vite
- Interface: React · Next.js · Vite
- Mobile: Expo · React Native
- API: Laravel · REST
- Realtime: WebSockets · Echo
- Data: Postgres · MySQL · Supabase
- Automation: n8n · Claude Code
Approach
I build from the surface down.
The screen you touch.
The API behind it.
The socket that keeps it live.
The data that remembers.
And the automation
that runs it while you sleep.
- 03+_YEARS_SHIPPING
- 07_PRODUCTS_LIVE
- 02_APP_STORES
- ~40%_LESS_TOIL
Experience
- 01
C4 Innovations
Full-stack developer & automation · Nov 2025 — now
Shipped five production sites in my first three months, each from Figma to Vercel in under three weeks. Built the SixD access control app on Expo with n8n handling camera-triggered alerts. Set up agentic workflows with Claude Code and Antigravity that took about 40% of the repetitive build and deploy work off the team.
- 02
Source
Full-stack developer & tech lead · Sep 2023 — Nov 2025
Built a cross-platform trading app on Laravel, published on both app stores, with WebSocket feeds for sub-second pricing. Automated vendor onboarding from three days down to two hours. Ran sprint planning across 8+ release cycles and mentored two junior developers.
- 03
SZABIST
BS Computer Science · 2025
Karachi.
Toolkit
- Frontend
- React, React Native, Expo, Next.js, Vite, TypeScript, Tailwind, Blade
- Backend
- PHP, Laravel, Node.js, REST, WebSockets
- Data
- PostgreSQL, MySQL, MongoDB, Supabase, Firebase
- Automation
- n8n, Claude Code, Antigravity, Python
- Shipping
- Vercel, Netlify, Git, CI/CD, Figma



