ExtraMiles — Admin Backoffice

Web (Next.js + React)

About

Administrative dashboard for managing the ExtraMiles loyalty program — user management, transaction monitoring, reports, merchant operations, and role-based access control.

My Role

Built the full admin console with Next.js 13 and React 18: responsive dashboards, PDF/Excel report generation, Google Maps visualization, Redis-cached sessions, and multi-timezone operations.

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