EndGame Roofing & Restoration
A modern, full-stack website for a professional roofing and restoration company based in Missouri. The site showcases services, project portfolios with before/after comparisons, video content, and provides multiple contact options for customers.
Tech Stack
Frontend
- Next.js 15
- React 19
- Tailwind CSS 4
- React Hook Form
- React Hot Toast
- @dnd-kit
Backend
- Next.js API Routes
- MongoDB Atlas
- Mongoose
- Vercel Blob Storage
- JWT Authentication
Integrations
- OpenAI API
- Nodemailer
- Zoho SMTP
- YouTube Embed API
Key Features
Hero section with YouTube video background
Interactive before/after project gallery with split-view slider
Video showcase with category filtering and lightbox
Dynamic service pages (6 service categories)
Contact form with rate limiting
AI-powered chatbot (OpenAI Assistant integration)
Secure JWT-based admin dashboard
Full CRUD for projects and videos with drag-and-drop reordering
Image/video upload to Vercel Blob
Notable Implementations
Before/After Image Slider
Custom interactive slider with drag/touch support, CSS clip-path animations
Dynamic Content Management
Complete CMS with drag-and-drop reordering and status workflows
AI Chatbot
OpenAI Assistant API v2 with streaming responses and thread persistence
Rate-Limited Contact Form
Server-side validation with IP-based rate limiting
Website Screenshots
