> init_portfolio.sh

> ASMA_TARIQ_ANSARI

[Web Developer]|[Student]|[Web Designer]

# Crafting modern, responsive websites that combine aesthetics with functionality

> status: AVAILABLE_FOR_WORK
>_terminal.sh
Asma Tariq Ansari Terminal v1.0.0
Commands: help, whoami, skills, projects, contact, clear
---
>

> ABOUT_ME

> cat about.txt
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.
I think in systems before I write code, my priority is architecture first and then implementation.
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.

> profile_loaded: SUCCESS

Skills

what i work with

LANGUAGES

Programming languages I work with

TypeScriptJavaScriptPythonHTML5CSS3SQL

FRONTEND

Interfaces I build every day

ReactNext.jsViteTailwind CSSFramer MotionGSAPReact RouterRedux ToolkitMaterial UIBootstrap

BACKEND

Servers, APIs, and databases

Node.jsExpress.jsFastAPIJWT AuthenticationSupabaseMongoDBPostgreSQL

DEVOPS

Building, deploying, and collaborating

GitGitHubGitHub ActionsDockerVercelNetlify

DESIGN

Design and animation tools

FigmaFramer MotionGSAP
scroll →

$ ls ./services

what_i_build.sh

A stacked deck of the capabilities I bring to a project — from architecture to shipping.

[01 / 12]// AI

Prompt Engineering

Design and refine AI prompts to consistently produce accurate, structured, and high-quality outputs tailored to real-world use cases.

$ load --module
[02 / 12]// Planning

System Planning

Architect scalable systems by defining workflows, data flow, and technology stacks before development begins to ensure long-term stability.

$ load --module
[03 / 12]// Engineering

Full-Stack Development

Build complete end-to-end applications, integrating responsive frontends with robust backend systems and scalable databases.

$ load --module
[04 / 12]// Stack

MERN Development

Develop fast, scalable web applications using MongoDB, Express, React, and Node.js with clean architecture and reusable components.

$ load --module
[05 / 12]// UI

Frontend Development

Create modern, responsive, and high-performance user interfaces with focus on usability, accessibility, and smooth user experience.

$ load --module
[06 / 12]// Design

UI/UX Design

Design intuitive and visually balanced interfaces that improve user engagement through clarity, accessibility, and interaction flow.

$ load --module
[07 / 12]// Architecture

State Management

Implement efficient and predictable state architectures to ensure scalable, maintainable, and performance-optimized applications.

$ load --module
[08 / 12]// Product

SaaS Product Development

Build production-ready SaaS platforms with authentication, subscriptions, dashboards, and scalable multi-tenant architecture.

$ load --module
[09 / 12]// Integration

API Integration

Integrate third-party and custom APIs seamlessly to extend functionality and enable dynamic, data-driven applications.

$ load --module
[10 / 12]// Workflow

Version Control

Maintain clean and collaborative development workflows using Git, branching strategies, and team-based code management practices.

$ load --module
[11 / 12]// Security

Authentication & Security

Implement secure authentication systems, role-based access control, and best practices for protecting sensitive user data.

$ load --module
[12 / 12]// AI

AI Integration

Embed AI capabilities like chatbots, automation pipelines, and intelligent workflows to enhance product functionality and user experience.

$ load --module

> MY_PROJECTS

// Fetching project repository...
> case_study.md> hackathon_entry
Al-Habl — Quran Community Platform
> project.info

Al-Habl — Quran Community Platform

Most Quran apps give you the text. Al-Habl gives you a method. Users join study Circles, set goals, share reflections, chat with members, and explore tafsir and recitation — all in one place. The AI layer (Claude API + Quran MCP) helps surface resources by meaning, not just keyword. Built solo end-to-end and submitted to the Quran Foundation Hackathon.

Next.jsTypeScriptSupabaseClaude APIQuran MCP
Clarity Career — AI Decision Support
> project.info

Clarity Career — AI Decision Support

Career decisions are hard when everything feels equally valid. Clarity walks users through a structured form — skills, goals, preferences — and uses Cohere AI to synthesize it into a concrete direction. No generic advice, no fluff. Built for students who are stuck at the 'what now?' moment.

Next.jsTypeScriptCohere AI
Quran Five — Five Pathways App
> project.info

Quran Five — Five Pathways App

A focused Quran companion built around five intentional modes: Listen, Act, Judge, Reflect, and Heal. The idea was to move away from the 'just read more' approach and give users a framework that matches where they actually are spiritually. Minimal UI, intentional by design.

Next.jsQuran Foundation API
TaskFlow — Task Management App
> project.info

TaskFlow — Task Management App

A full-stack task manager with a Python backend — one of the first projects where I connected a FastAPI service to a Next.js frontend through Supabase. Nothing fancy, but it's where I learned how auth tokens actually travel between services and how RLS stops data leaking between users.

Next.jsTypeScriptSupabaseFastAPIPython
Prayer Globe — Global Prayer Time Visualizer
> project.info

Prayer Globe — Global Prayer Time Visualizer

Prayer times are usually a table or a list. This turns them into a live 3D globe — you can see which part of the world is in prayer right now. Built with Globe.gl and a real-time prayer API. Mostly a creative experiment, but it ended up being one of those projects people actually share.

Next.jsGlobe.glPrayer Times API
Gratitude Journal — Reflection Tracker
> project.info

Gratitude Journal — Reflection Tracker

A quiet, personal project. A simple full-stack journaling app for daily reflections — nothing more than that. Built to practice Supabase CRUD patterns cleanly before using them in larger systems. Still use it myself occasionally.

Next.jsSupabaseTypeScript
> loaded_6_projects

> CONTACT_ME

// Initializing communication protocols...
> cat message.txt

I'm here to help bring your ideas to life with modern responsive web solutions. Feel free to reach out to me through any of the platforms listed below!

# Let's connect on social media or via email! Whether you're looking for a web developer, designer, or simply want to discuss ideas, I'm just a message away.

> awaiting_connection...