Elvate Frontend

Overview

Elvate Frontend is a sophisticated enterprise-grade web application built with the Next.js App Router. It serves as a centralized platform for digital services, e-commerce, and user management. The project emphasizes security and high-end user experience, integrating biometric authentication and a comprehensive Admin Portal for real-time monitoring and management of system resources.

Technical Features

• Advanced Authentication: Implements multi-factor security including Face ID login capabilities and Google OAuth integration.
• Role-Based Access Control (RBAC): Features a robust middleware-driven security layer that restricts access to Admin, User, and Super-Admin routes.
• Digital Service Suite: Includes full-fledged tools for background removal, image editing, and OCR (Image-to-Text) processing.
• Subscription Engine: Manages user tiers with specialized logic for subscription details, history, and feature gating.
• Modern UI Components: Leverages Aceternity UI and Framer Motion for high-fidelity effects like Canvas Reveal, Spotlights, and Sticky Scroll.

Project Architecture

The architecture follows a strict modular pattern utilizing Next.js parallel and intercepted routes where applicable. It uses Axios with custom interceptors for session-based API communication and Jose for secure cookie management. The frontend is styled with Tailwind CSS and uses TypeScript for end-to-end type safety.