admin dashboard loyalty backoffice Next.js React TypeScript admin dashboard
ExtraMiles — Admin Backoffice
Web (Next.js + React)
About
Multi-tenant SaaS admin dashboard for managing a loyalty program — user management, transaction monitoring, real-time analytics, role-based access control, and automated reporting with PDF/Excel export.
My Role
Built the full admin console as a multi-tenant SaaS platform with Next.js 13: responsive dashboards with real-time data, Redis-cached sessions, role-based access control, Google Maps visualization, and automated PDF/Excel report generation.
Core Capabilities
- User and merchant management with role-based access
- Transaction monitoring and reporting dashboards
- PDF generation and Excel export for business reports
- Google Maps integration for location visualization
- Redis-backed session management for performance
- QR code generation and display for merchant operations
Architecture
- Next.js 13 with React 18 and TypeScript 5
- TailwindCSS + NextUI component library
- Axios for API calls with Redis caching via ioredis
- Express session management with connect-redis
- react-hook-form + Yup for form validation
Tech Stack
Next.js React TypeScript TailwindCSS NextUI Redis Axios Google Maps jspdf xlsx