Designed the service tier visual for NightShift Elite — the Growth tier of NightShift Leads. This image communicates the automated appointment booking feature alongside 24/7 lead capture for HVAC and home service businesses. Built to show prospects the value of capturing and scheduling leads automatically while the business owner sleeps.
For the tax document checklist, I'd match uploads to both the client and tax period before marking an item complete. How do you handle a client uploading last year's statement or a replacement after the checklist has already cleared?
Interactive Themed Developer Portfolio & Web Showcase | React, Framer Motion & Tailwind CSS
Key Features & Highlights:
Custom Vector Artwork & Layered Visuals:
Implemented an intricate, responsive fixed SVG backdrop showcasing a night cricket oval under floodlights, illuminated mountain peaks, starry sky, and subtle ambient glows.
Preserved full content readability and contrast using layered dark vignettes and custom opacity masks.
Fluid Framer Motion Animations:
Designed staggered entry transitions, conic orbit rings, continuous pulse indicators, and interactive micro-animations.
Applied frosted glass design patterns (backdrop-blur, semi-transparent RGBA palettes, and soft glowing border outlines) across all cards, timelines, forms, and navigation elements to allow the themed backdrop to show through elegantly.
Clean Architecture & Iconography:
Streamlined visual consistency by adopting modern vector icon sets via react-icons across navigation, badges, timeline bullets, and interactive controls.
Purged unnecessary toggles and redundant state to enforce a refined, distraction-free aesthetic.
Full-Stack Form Integration:
Configured asynchronous contact messaging using EmailJS with client-side validation, error handling, status banners, and loading indicators.
Optimized & Responsive:
100% mobile, tablet, and desktop responsive layout with a custom slide-out navigation drawer.
Built using Vite for optimized bundle sizes, fast hot module replacement (HMR), and clean production builds.
An AI workflow that reads every incoming email, sorts it into 6 categories, and takes the right action automatically.
The problem: businesses lose time and leads because customer emails are mixed with promotions, job alerts, and security emails.
What I built:
Gmail Trigger that picks up each new email
AI Text Classifier (Google Gemini) with 6 categories: Security Alert, Promotions, Jobs, Personal, Payments, and Client Inquiries
Automatic Gmail labels for every category
Google Sheets log for jobs, leads, and payments
AI information extraction for client emails (name, phone, service, budget)
AI-written reply drafts for client emails, saved as drafts so a person approves every reply
Instant Discord alerts for security, payment, and client emails
Tools: n8n, Google Gemini, Gmail, Google Sheets, Discord
This project is a working demo built on my own inbox. The same system can be adapted to any business email, such as travel agencies, event venues, stores, recruiters, and consultants.