2Bros Motors Financing Simulator is a comprehensive and innovative vehicle financing management platform, designed to streamline the automotive financing process for dealerships and intermediaries in Mozambique.
The platform simplifies the entire financing workflow, from vehicle catalog browsing to loan simulation, customer management, and commission tracking.
With an intuitive multi-step financing simulation process, customers can explore available vehicles, input their financial information, and receive instant financing calculations. The system automatically validates customer eligibility based on age and monthly income requirements, ensuring compliance with financing regulations.
2Bros Motors Financing Simulator offers comprehensive intermediary management, enabling sales representatives to track their customers, manage financing requests, and monitor commission earnings. The platform features automated commission calculations, withdrawal request workflows, and real-time statistics dashboards with visual analytics.
The system includes robust document management capabilities, allowing secure upload and storage of customer identification documents, income declarations, and tax identification numbers. With multi-level authentication (Admin, Intermediate, Super Admin), the platform ensures proper access control and role-based permissions.
In addition, the platform features a modern, responsive interface optimized for both desktop and mobile devices, with Progressive Web App (PWA) capabilities for offline functionality and app-like user experience. Built for digital transformation in the automotive sector, 2Bros Motors Financing Simulator represents the future of vehicle financing management in Mozambique.
This platform was built with modern technologies, following best practices for scalability and maintainability.
Backend Architecture
The backend follows SOLID principles and a modular architecture, ensuring clean code and easy extensibility. The API routes are organized by domain, providing clear separation of concerns and maintainable code structure.
Core Technologies:
- TypeScript for static typing and enhanced development safety
- PostgreSQL for robust data persistence
- Prisma as the ORM for type-safe database access and migrations
- Next.js API Routes for building RESTful APIs with server-side rendering capabilities
- Zod for runtime type validation and schema validation
- Docker and Docker Compose for containerization and orchestration
- Vercel Blob Storage for file upload and cloud storage management
Key Features:
- Multi-role authentication system (Admin, Intermediate, Super Admin)
- RESTful API endpoints for all business operations
- Secure file upload and document management
- Automated financing calculation algorithms
- Commission tracking and withdrawal management
- Real-time statistics and analytics endpoints
- Request filtering and search capabilities
Frontend Architecture
The frontend uses Next.js App Router architecture with React Server Components and Client Components, enabling optimal performance through server-side rendering and client-side interactivity. The application follows a component-based structure with clear separation between UI components, business logic, and state management.
Tech Stack:
- Next.js 15 with App Router for server-side rendering and routing
- React 19 for building interactive user interfaces
- TypeScript for type safety across the frontend
- Tailwind CSS for utility-first styling and responsive design
- Zustand for lightweight state management
- React Hook Form with Zod validation for form handling
- TanStack Query (React Query) for efficient data fetching and caching
- Radix UI for accessible component primitives
- Recharts for data visualization and analytics charts
- Framer Motion for smooth animations and transitions
- PWA capabilities via next-pwa for offline functionality and app-like experience
- Ant Design for advanced UI components in admin sections
Key Features:
- Multi-step financing simulation wizard with intuitive user flow
- Responsive car catalog with image galleries and detailed vehicle information
- Real-time dashboard with statistics and commission charts
- Advanced filtering and search for financing requests
- Document upload interface with image preview
- Withdrawal request management interface
- Customer management and tracking
- Mobile-optimized navigation and layouts
- Progressive Web App support for mobile installation
This architectural approach enabled the platform to scale effectively while maintaining code quality, developer productivity, and excellent user experience across all device types.