Professional Projects
AI Tool for Real Estate
Developed ReactJS, n8n, supabase tool that produces properties brochures based on chat based prompts.
Key Features:
- Image uploads and tags mapping for HTML
- HTML preview and downloadable PDF generation
Technologies Used:
PIM (Product Inventory Management) System
Developed React.js with real-time data visualization using Recharts. Managed state via Redux, designed product pages with Ant Design + Tailwind CSS.
Key Features:
- Real-time data visualization using Recharts
- State management with Redux
- Product pages with Ant Design + Tailwind CSS
Technologies Used:
Trucking Company Internal System
Built order management, billing modules, and interactive dashboards with pie/donut charts. Improved performance by 30% through code splitting.
Key Features:
- Order management and billing modules
- Interactive dashboards with pie/donut charts
- Improved performance by 30% through code splitting
- Created Node.js APIs, implemented Excel/PDF export of financial reports
Technologies Used:
Personal Projects
AI Autopost Blog Workflow (n8n)

Built an AI automation with n8n that takes topics from Google Sheets, generates full blog content using Google Gemini 2.5 Flash, produces an image prompt and renders the image via OpenAI GPT-Image-1, then posts everything via HTTP node to the site backend with Supabase integration.
Features:
- Pull topics dynamically from Google Sheets
- Generate SEO-optimized blog posts with Gemini 2.5 Flash
- Create image prompts and render images via OpenAI GPT-Image-1
- Publish via HTTP node to backend
- Store metadata and assets with Supabase
Tech Stack:
AI Meeting Reminder Workflow (n8n)

Created an AI-powered reminder system in n8n that monitors your email for meetings/events and sends automated reminders to your email and WhatsApp at 24h and 1h before the event.
Features:
- Monitor inbox for events/meeting invites
- Extract and parse event date/time intelligently
- Schedule reminders at T-24h and T-1h
- Send email notifications
- Send WhatsApp notifications via API
Tech Stack:
Netflix Clone

A clone of the Netflix website built with Next.js, Tailwind CSS, and other modern technologies. It is a fully responsive web application that mimics the look and feel of Netflix.
Features:
- User authentication (sign up and sign in)
- Browse movies and TV shows
- Movie and TV show details page
- Add to watchlist
- Responsive design for all devices.
Tech Stack:
Task Manager

A modern, mobile-responsive Task Manager application built with Next.js 15 and Tailwind CSS 4. This project demonstrates a clean, intuitive user interface for managing tasks on a Kanban-style board, complete with drag-and-drop functionality and local storage persistence.
Features:
- Interactive Kanban board with three columns ("To Do", "In Progress", "Done")
- Seamless drag-and-drop with dnd-kit
- Add and clear tasks
- Persistent state with localStorage
- Fully responsive UI.
Tech Stack:
About Me
Who I Am
I'm an AI Full‑Stack Developer focused on building intelligent products and automations. I design and ship agentic features, AI workflows, and scalable backends that connect LLMs to real-world data and actions.
On the stack side, I work with Next.js and Node, orchestrate automations with n8n/Zapier/Make, persist and serve data with Supabase, and integrate LLMs like Google Gemini and OpenAI for content generation, reasoning, and tool‑use. I also build voice experiences with Vapi when natural, hands‑free interaction makes sense.
Recently, I built an AI autoposting workflow that turns Google Sheets topics into full blog posts and images, and an AI meeting reminder that parses inbox events and sends timed email/WhatsApp nudges. I continue to deepen my agent skills through hands‑on learning, including Google & Kaggle’s 5‑Day AI Agents Intensive.

Work Experience
- AI Full‑Stack Developer06/2025 - PresentSnipe Solutions
Developing AI-powered solutions and full-stack applications with modern technologies.
Key Projects & Achievements:
- Built AI Chat tool that produces exports (brochures) based on a chat based prompt system.
- Handled workflows using n8n.
- Created APIs using Supabase n8n workflows.
- Rendered HTML preview and downloadable PDFs
- Frontend Developer03/2022 - 2025ByteMasters
Built and maintained React-based web applications with focus on performance optimization and responsive design.
Key Projects & Achievements:
- Built/maintained React-based web apps using Redux, Axios, and responsive layouts.
- Optimized performance via code splitting, lazy loading, and API pagination.
- Collaborated with designers to implement mobile-first UIs with Tailwind CSS.
- Frontend Developer02/2020 - 02/2022Zeptosol
Worked with design team to implement user-friendly interfaces and develop new features.
Key Projects & Achievements:
- Worked with the design team to implement user-friendly interfaces.
- Contributed to the development of new features and functionality.
- Assisted with debugging and troubleshooting issues.
My Skills
AI
Frontend
Backend
Databases
Cloud
Tools
Certifications
- 5-Day AI Agents Intensive Course with GoogleGoogle & Kaggle
Completed Google & Kaggle’s 5-Day AI Agents Intensive, a hands-on program covering the design, orchestration, memory, and evaluation of intelligent agents. Built and deployed multi-agent systems using Gemini and the Agent Development Kit (ADK) through practical codelabs and live sessions with Google researchers.
- AI for EveryoneDeepLearning.AI
Highlights:
- The meaning behind common AI terminology, including neural networks, machine learning, deep learning, and data science
- What AI realistically can and cannot do
- How to spot opportunities to apply AI to problems in your own organization
- What it feels like to build machine learning and data science projects
- How to work with an AI team and build an AI strategy in your company
- How to navigate ethical and societal discussions surrounding AI
- Meta Advanced ReactMeta
Highlights:
- Create robust and reusable components with advanced techniques and reuse patterns
- Interact with a remote server and fetch and post data via an API
- Seamlessly test React applications with React Testing Library
- Integrate commonly used React libraries to streamline application development
Education
TU Clausthal
MSc Computer Science
Expected 12/2027
Currently pursuing Master's degree in Computer Science with focus on advanced computing technologies.
COMSATS University Islamabad
BSc Computer Science
03/2020
Bachelor's degree in Computer Science with strong foundation in programming, algorithms, and software development.