> init_portfolio.sh

> ASMA_TARIQ_ANSARI

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

# Crafting modern, responsive websites that combine aesthetics with functionality

> HIRE_ME
> 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 Full-Stack Developer skilled in building scalable and user-friendly applications.
Experienced in designing responsive UIs and developing end-to-end full-stack solutions.
Adaptive and focused on problem solving with the passion for Islamic tech projects and leveraging technology for positive social impact.

> profile_loaded: SUCCESS

Skills

what i work with

FRONTEND

Interfaces I build every day

TypeScriptReactNext.jsTailwind CSSGSAP

BACKEND

Servers, APIs, and data

Node.jsExpressPostgreSQLREST APIsOAuth 2.0

DEVOPS

Ship it and keep it running

VercelDockerGitHub ActionsAWS

TOOLS

What I reach for

GitVS CodeFigmaLinear
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...
Al-Habl — Islamic Community Platform
> project.info

Al-Habl — Islamic Community Platform

#A production-ready Islamic platform built for real users with live deployment. Includes community-driven content structure, scalable architecture, and strong UX. Participated in hackathon and represents end-to-end full-stack execution from idea to shipped product.

SourceLive
Clarity Career - AI powered decision support system
> project.info

Clarity Career - AI powered decision support system

#An application that uses AI to help users make informed career decisions by analyzing their skills, preferences, and market trends. Built with a focus on clean UI design and scalable architecture.

SourceLive
Verse Finder — Quran Search Engine
> project.info

Verse Finder — Quran Search Engine

#A fast search-based application that allows users to explore Quranic verses using keyword-based filtering and structured data retrieval with a clean, minimal UI.

SourceLive
Prayer Globe — Global Prayer Time Visualizer
> project.info

Prayer Globe — Global Prayer Time Visualizer

#A data-driven visualization platform that maps global prayer times into an interactive UI, combining geolocation logic with real-time rendering.

SourceLive
Crypto Bento Dashboard
> project.info

Crypto Bento Dashboard

#A modern dashboard UI inspired by Bento layouts, focused on structured data visualization and responsive component design.

SourceLive
Islamic Art Gallery — GSAP Experience
> project.info

Islamic Art Gallery — GSAP Experience

#An interactive art showcase built with GSAP animations, scroll-triggered transitions, and immersive storytelling UI.

SourceLive
Airpods Landing — Apple Style Scroll UI
> project.info

Airpods Landing — Apple Style Scroll UI

#A cinematic landing page inspired by Apple product pages, featuring scroll-based animations and smooth transitions.

SourceLive
Car Control Landing Page
> project.info

Car Control Landing Page

#A modern interactive landing page with 3D-style interaction concepts and responsive UI structure.

Live
Clarity — Personal Reflection System
> project.info

Clarity — Personal Reflection System

#A full-stack CRUD-based system for capturing and managing personal reflections with scalable architecture and clean UI design patterns.

Source
> loaded_9_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...