AMP Vending Machines
Full-Stack Business Platform with Admin Dashboard
The Problem
A vending machine business needed a professional web platform to compete with established companies, attract B2B clients (corporate offices, healthcare facilities, schools), and manage their operations efficiently with an admin dashboard.
Results & Metrics
Lighthouse Score
Load Time
Admin Features
Service Areas
What I Built
Frontend
- Next.js 16 App Router with React Server Components
- React 19 with TypeScript 5.7 for type safety
- Responsive design with Tailwind CSS
- Smooth animations with Framer Motion
- WCAG 2.1 AA accessibility compliance
Backend & Database
- Supabase PostgreSQL real-time database
- JWT & Google OAuth authentication
- Resend API for transactional emails
- RESTful API endpoints
- Server-side rendering for SEO
Admin Dashboard
- Secure dashboard with role-based access
- Machine & product catalog management
- Contact submission tracking
- Email template customization
- SEO configuration panel
- Marketing tools (exit-intent popups)
Analytics & Monitoring
- Vercel Analytics integration
- Microsoft Clarity user insights
- Performance monitoring
- Conversion tracking
Challenges
Admin Dashboard UX
Building an intuitive admin interface for non-technical users to manage their business
Multi-Provider Auth
Implementing secure authentication with JWT tokens and Google OAuth seamlessly
Email Automation
Creating a reliable automated email notification system with customizable templates
Performance at Scale
Optimizing performance with large product catalogs and image-heavy content
Solutions
Used Supabase for real-time database and built-in authentication
Implemented React Hook Form with Zod for robust form validation
Built modular admin components for machine/product management
Added Resend API integration for transactional emails
Created SEO configuration panel in admin dashboard
Implemented code splitting and lazy loading for performance
Technology Stack
Key Learnings
Architected a complete full-stack application with admin capabilities
Implemented secure authentication flows with multiple providers
Built automated email systems for business notifications
Created reusable admin components for content management
Integrated analytics and monitoring for production insights