Next.js React TypeScript loyalty e-commerce Redux Tailwind SaaS
ExtraMiles — Customer Frontend
Web (Next.js + React)
About
Customer-facing web frontend for the ExtraMiles loyalty platform — product discovery, rewards browsing, partner offers, and account management built with Next.js 14 and React 18.
My Role
Built the full customer web experience with Next.js 14: responsive UI with Tailwind CSS, Redux state management, form validation with React Hook Form + Yup, and seamless API integration with the NestJS microservices backend.
Core Capabilities
- Product discovery and partner offers browsing
- Rewards tracking and redemption flows
- Account management and profile settings
- Responsive design with Tailwind CSS
- Redux state management for complex user flows
- Form validation with React Hook Form and Yup
Architecture
- Next.js 14 with React 18 and TypeScript
- Redux for global state management
- Tailwind CSS for responsive styling
- React Hook Form + Yup for form validation
- REST API integration with NestJS backend
Tech Stack
Next.js React TypeScript Redux Tailwind CSS React Hook Form Yup