Menu

1 / 2

I Built an AI Islamic Companion App. Here's What Actually Surprised Me

DEV Community·DevTECH·6 months ago
#nAcOD9yX
#ai#webdev#react#typescript#user
Reading 0:00
15s threshold

https://mytazki.com/

Building for a faith-based audience is the same as building for any other audience.

Just ship fast, iterate, repeat.

That's what I thought before I started MyTazki an AI-powered Islamic

companion PWA with Quran audio, Duas, prayer times, a Qibla compass, AI dhikr

sessions, and push notifications for Adhan. Six months and 35+ features later,

here are the technical decisions that genuinely surprised me for better

and worse.

1. Contract-First API Changed Everything (and I Almost Skipped It)

The most impactful DX decision in the project wasn't the AI stack or the database

choice. It was writing the OpenAPI spec first and generating everything from it.

Here's the flow:

lib/api-spec/openapi.yaml

↓ (pnpm --filter @workspace /api-spec run codegen)

lib/api-client-react/src/generated/api.ts ← React Query hooks

lib/api-zod/src/generated/api.ts ← Zod validators

Orval reads the spec and generates type-safe React Query hooks and Zod schemas

in one command.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.