Abdul Rafay
AI-powered web apps, SaaS backends & automations.
New to Contra
Abdul is ready for their next project!
AI-Powered Lead Automation Website for a Real Estate AI Startup
Built a full marketing site for a startup selling AI voice + chat automation to real estate agencies — the kind of project where the design had to sell "AI that never sleeps" before a single line of copy did.
The challenge:
The client's pitch was simple but the proof had to be visual: leads get missed after hours, after open homes, and in cold databases — and their AI catches all three. The site needed to feel alive — like the AI was actually running in the background — not just describe automation with a static hero image.
What I built:
A dark, glass-morphic hero with a live animated 3D AI avatar (Three.js) that reacts and pulses, paired with a custom cursor and magnetic buttons for a premium, "always-on" feel
Animated counters and a scrolling proof ticker (GSAP + ScrollTrigger) that reveal results and capabilities as you scroll, instead of dumping everything above the fold
A "Problem" section built around four real numbered failure points agencies actually experience (late-night enquiries, open-home follow-up, vendor nurture, database reactivation) — each paired with how the AI solves it
A live embedded chat bot demo panel plus a placeholder for a voice bot demo, so prospects could try the product instead of reading about it
A 4-step "how it works" process timeline and a results section translating automation into business outcomes (more appraisals, faster response time, always-on coverage)
Full mobile responsiveness and a booking-call CTA wired straight into their CRM funnel
Stack: Semantic HTML5 with a token-based CSS architecture (custom properties, fluid typography, CSS Grid) for a maintainable design system; GSAP + ScrollTrigger driving the scroll-based motion; Three.js/WebGL powering the real-time 3D avatar; vanilla ES6+ for interaction logic (no framework overhead); integrated with a CRM booking API for lead capture and routing.
The result: A site that doesn't just claim "AI that never misses a lead" — it demonstrates it, from the first scroll to the live chat demo, giving the client a genuinely differentiated landing page in a market full of templated agency sites.
0
22
Rangoli CRM - Serverless React CRM Platform
Rangoli CRM was a serverless React.js CRM platform that I developed from scratch, including the frontend, serverless backend workflows, API integrations, deployment, and production setup. The system was built to manage customers, orders, billing, printable invoices, shipments, and business reporting from a single dashboard.
The frontend was built with React.js and hosted on Firebase Hosting. For backend/serverless logic, I used Firebase Cloud Functions, while Hasura was deployed on Heroku to provide GraphQL APIs for application data. I integrated shipment workflows, including Shiprocket, so the business could manage order delivery and tracking directly through the CRM.
My Role
Full Project Developer
Key Work
Developed the complete CRM from scratch
Built React.js dashboard screens for customers, orders, billing, invoices, shipments, and reports
Hosted the frontend on Firebase Hosting
Built serverless workflows using Firebase Cloud Functions
Used Hasura on Heroku for GraphQL data APIs
Integrated GraphQL APIs with Apollo Client
Integrated Shiprocket for shipment and delivery workflows
Managed frontend state using Redux
Built responsive UI using Ant Design
Handled deployment, debugging, and production setup
Tech Stack
React.js, Redux, Ant Design, Firebase Hosting, Firebase Cloud Functions, Hasura, GraphQL, Apollo Client, Heroku, Shiprocket API, JavaScript
0
104
MCP Intel Agent is a crypto intelligence and signal automation platform I built for MyCryptoParadise/ProParadiser. It ingests market data from a third-party source, validates and stores it in MongoDB, scores long/short opportunities across multiple timeframes, generates AI-assisted market intel using OpenAI, and publishes formatted updates to Telegram. I built the system from scratch, including backend APIs, scoring logic, admin dashboard, Telegram automation, deployment, and production maintenance. Live at https://mycryptoparadise.com/pro-paradiser/
0
108
MisterChatter is an AI agent for businesses running customer support and sales over chat and Telegram. It's trained on behavioral psychology to hold calm, on-brand, human-like conversations 24/7 — answering every query, converting casual inquiries into paying customers, and handling the workload of a 10-person team. I built the full product: positioning, landing page, pricing tiers, and three specialized agent types (Public Support, Sales-focused, VIP Care). Live at misterchatter.com (http://misterchatter.com)
0
121