Ahmad Faraz's Work | ContraWork by Ahmad FarazAhmad Faraz
n8n Automation Engineer | AI Workflows
& LLM Integration
Project Title: Sound Wave: Full-Stack Audio Media Web Application
Project Roles: Full-Stack Developer | UI/UX Architect
Tools: React, Vercel, Frontend Development, Web Design, UI/UX Design, Audio/Media APIs
While I specialize in complex B2B data infrastructure, I firmly believe that true "Systems Architecture" extends to the user interface. A backend is only as good as the frontend that delivers it. To demonstrate high-performance UI/UX and media handling, I architected a consumer-facing application from scratch.
The Project: Sound Wave ("Feel Every Frequency")
I engineered a seamless, lightweight online audio streaming platform designed to provide a frictionless media experience.
The Architecture & Execution:
The Frontend (UI/UX): Built a highly responsive, modern interface using React. The design language focuses on dark-mode aesthetics, fluid media controls, and intuitive navigation so the user focuses entirely on the audio experience.
Media Handling: Engineered the application to handle state management for audio playback smoothly, ensuring no interruptions or lag during state changes or page navigation.
Cloud Deployment: Deployed globally on Vercel's edge network to guarantee lightning-fast load times and zero-latency asset delivery.
The Impact:
"Sound Wave" serves as a technical proof-of-concept demonstrating my ability to build beyond data dashboards. It proves I can deliver sleek, production-grade, consumer-facing web applications with flawless deployment pipelines.
Whether you need a complex backend AI agent or a beautiful, high-performance React web application, I build digital infrastructure from end to end.
🔗 Experience the live application here: https://soundwave-app-zeta.vercel.app/ The 3-Second Sales Rep: Autonomous Real Estate Lead Routing (n8n + AI)
Speed is everything.
If a prospect fills out a form on your website and you don't reply within 5 minutes, they are already calling your competitor. The problem? Real estate agents are always driving, on site, or in meetings. They don't have time to watch their email inbox 24/7.
The Problem:
A client was spending thousands on Facebook and website ads, but their conversion rate was terrible. Leads were sitting in an inbox for 3 to 4 hours before a human finally manually copied the data into a CRM and sent a generic "Hi, how can I help you?" text message. By then, the lead was cold.
The Solution:
I completely removed the human bottleneck. Instead of a messy Zapier flow, I engineered a highly stable, autonomous "Digital Sales Rep" using n8n and Agentic AI.
Here is how the digital infrastructure works in real-time:
The Catch: A custom webhook instantly catches the raw lead data the millisecond a form is submitted.
The Brain: The data is securely passed to Google Gemini 1.5 Pro. I prompted the AI to "read" the prospect's message and categorize their intent (e.g., Are they a First-Time Buyer? A Commercial Investor? A Seller?). It also extracts their budget.
The Guardrails: I wrote a custom Javascript/Python node to enforce strict JSON formatting. This stops the AI from hallucinating and ensures the data perfectly matches the CRM schema.
The Action: The system instantly drops the clean data into the CRM, sends a loud "Hot Lead" alert to the sales team's Slack channel, and fires off a highly personalized SMS (via Twilio) to the prospect based on their exact budget and intent.
The Impact:
We took the lead response time from 3 hours to under 3 seconds.
The agency stopped losing leads to competitors, completely eliminated manual data entry, and sales reps walked into work with a pipeline full of warm, engaged conversations already happening on their phones.
Are you tired of losing leads to slow, manual processes? I build digital infrastructure that works while you sleep. Send me an inquiry and let's whiteboard your new system. Digital Infrastructure for an Architecture Firm (React + AI)
The Background:
I know what clients expect from a high-end design firm. Unfortunately, most architecture firms build beautiful physical spaces, but their digital presence relies on slow, fragile, off-the-shelf website builders (like WordPress) that fail to capture premium leads effectively.
The Problem:
An architecture firm needed a digital presence that reflected the precision and luxury of their physical builds. They needed a lightning-fast portfolio showcase, seamless mobile responsiveness, and a backend that didn't just collect emails, but actually routed high-ticket client inquiries instantly.
The Solution:
I didn't just build a brochure; I engineered Digital Infrastructure.
Using Antigravity (AI-assisted React development with Claude 3.5 Sonnet), I rapidly architected and deployed a custom Single Page Application (SPA).
The Architecture:
The Facade (UI/UX): Built with React and Tailwind CSS. I designed a minimalist, dark-mode-ready aesthetic that puts the firm's 3D renderings and project photography front and center.
The Structural Integrity: Bypassed bloated CMS platforms to ensure maximum load speed and perfect Google Core Web Vitals, deploying the application globally on Vercel.
The Plumbing (Lead Gen): Integrated a custom inquiry form connected to an n8n webhook. When a high-net-worth client submits a project inquiry, the data is caught, validated via Python, and routed instantly to the firm's CRM, ensuring zero "Speed-to-Lead" latency.
The Impact:
By leveraging Agentic AI (Antigravity) for the frontend code generation, I reduced the development lifecycle by 60%. The firm received a production-grade, highly secure, and blazingly fast web application that serves as a scalable foundation for their future growth.
Building a skyscraper starts with the blueprint. Building your business starts with digital infrastructure.
Need a custom web application, landing page, or automated backend for your agency or firm? Let's whiteboard your system Title: Autonomous B2B Client Portal & AI Dashboard (Full-Stack SaaS)
Role: Full-Stack AI Engineer & Systems Architect
Tools Used: React, Vercel, n8n, Python, Supabase (PostgreSQL), Anthropic Claude, REST APIs
Project Description:
The Problem:
B2B Service businesses (Agencies, Real Estate Brokerages, Consultants) lose high-value clients because their onboarding, project tracking, and communication are scattered across messy spreadsheets, Slack channels, and lost emails.
The Solution:
I engineered an end-to-end, Autonomous Client Operating System (Client Portal) that eliminates manual client updates, centralizes file sharing, and provides a premium, white-labeled dashboard experience.
How I Built It (The Architecture):
Frontend UI & Deployment: Developed a sleek, dark-mode web application using React/Vite. Deployed on Vercel for enterprise-grade speed and reliability.
Database Architecture: Migrated away from fragile spreadsheets by structuring a relational PostgreSQL database using Supabase. Implemented strict Row-Level Security (RLS) and Authentication so clients only see their isolated project data.
Backend & Logic: Architected a custom n8n orchestration layer that catches incoming webhooks from internal team tools (like Asana/Trello) to update client progress bars in real-time.
AI Integration: Embedded an intelligent assistant using Claude 3.5 / Gemini 1.5 Pro APIs, allowing clients to summarize their invoices or ask for campaign updates interactively.
The Impact:
Automated 90% of routine client update communications and provided agencies with a scalable, enterprise-grade software product to justify higher-ticket retainers.
Looking for a custom AI Dashboard, Client Portal, or n8n workflow for your business? Let's build your digital infrastructure.
🔗 Hire me for custom builds: https://www.fiverr.com/s/NNX4zeN