Self-taught full-stack developer building considered, responsive products with Next.js, React and Supabase.
This site has 3 themes — try one
Most Quran apps give you the text. Al-Habl gives you a method: a five-lens reflection structure, an AI that answers through the Quran MCP instead of inventing, and Circles to study with other people. Built solo and submitted to the Quran Foundation Hackathon.
AI decision support
Turns a structured form of skills, goals and preferences into a concrete career direction using Cohere AI.
Five pathways app
A Quran companion built around five modes: Listen, Act, Judge, Reflect and Heal.
04Task management · Case study
A full-stack task manager with a FastAPI back end. My first Python project, built with no tutorials.
Prayer time visualiser
Prayer times on a live 3D globe, showing which part of the world is in prayer right now.
Reflection tracker
A simple full-stack journal for daily reflections, built to practise clean Supabase CRUD patterns.
Category
— Programming languages I work with
Category
— Interfaces I build every day
Category
— Servers, APIs, and databases
Category
— Building, deploying, and collaborating
Category
— Design and animation tools
— Chapter IV
— A considered catalogue of the capabilities I bring to a project.
— Design and refine AI prompts to consistently produce accurate, structured, and high-quality outputs tailored to real-world use cases.
— Architect scalable systems by defining workflows, data flow, and technology stacks before development begins to ensure long-term stability.
— Build complete end-to-end applications, integrating responsive frontends with robust backend systems and scalable databases.
— Develop fast, scalable web applications using MongoDB, Express, React, and Node.js with clean architecture and reusable components.
— Create modern, responsive, and high-performance user interfaces with focus on usability, accessibility, and smooth user experience.
— Design intuitive and visually balanced interfaces that improve user engagement through clarity, accessibility, and interaction flow.
— Implement efficient and predictable state architectures to ensure scalable, maintainable, and performance-optimized applications.
— Build production-ready SaaS platforms with authentication, subscriptions, dashboards, and scalable multi-tenant architecture.
— Integrate third-party and custom APIs seamlessly to extend functionality and enable dynamic, data-driven applications.
— Maintain clean and collaborative development workflows using Git, branching strategies, and team-based code management practices.
— Implement secure authentication systems, role-based access control, and best practices for protecting sensitive user data.
— Embed AI capabilities like chatbots, automation pipelines, and intelligent workflows to enhance product functionality and user experience.
I think in systems before I write code. Architecture first, then implementation.
I'm Asma Tariq Ansari, a self-taught full-stack developer based in Karachi, building since June 2022. Just YouTube, documentation, and a habit of building things until they work.
I specialize in Next.js and React, with a full-stack range that covers Supabase, FastAPI, and AI integrations. My strongest work lives at the intersection of technology and purpose.
I also create content on Instagram — tech and philosophy — which keeps me thinking about how to communicate complex ideas simply.
If you need someone who ships, thinks clearly, and cares about what they build — let's talk.
Let's build something good.
Hiring for a frontend, React or Next.js role, or have something worth building? I reply to every message.
