Shipped

Prime Rajawali

Production-grade React SPA separating public, member, and admin experiences with a unified design system and secure, cookie-based auth.

Full Stack Developer
3 Months
Prime Rajawali login screen on desktop
Prime Rajawali network tree dashboard

Project Overview

Prime Rajawali is a single-page frontend for an MLM platform that serves both members and administrators. The app delivers a public login flow, a member dashboard experience, and a robust admin control center within one codebase. The architecture emphasizes role-based routing, reusable UI modules, and API-driven data flows for network, bonus, ranking, and licensing features. Frontend focus areas include clean route boundaries for public/admin/member surfaces, fast dashboard interactions, consistent visual theming via CSS variables, and secure, cookie-based authentication that mirrors production behavior during local development. Axios is configured for CSRF handling, cookie-based auth, and image path normalization, while Vite proxy rewrites headers and cookie attributes so local development behaves like production.

Impact

<1s

Bonus Calculation Time

Scale

100k+

Active Network Nodes

Key Features

Abstract glowing nodes connected by thin lines forming a complex network web on black background

Role-Based Routing & Access Control

Public routes are separated from member and admin dashboards, with guarded routes enforcing role requirements and redirect behavior.

Member Dashboard Experience

Dedicated pages for profile, ranking, bonus insights, licensing, and a network tree flow provide a complete self-service experience.

Close up of code on a computer screen showing backend dashboard modules in dark mode

Admin Control Center

A comprehensive admin panel for members, packages, bonuses, ranks, claims, approvals, ownership, payouts, bank settings, and Mitratrip integrations.

Theme Management System

Global theme context updates CSS variables with preset palettes and admin persistence for live preview and consistent branding.

Technical Stack

  • Framework: React 19

    Single-page architecture focused on fast dashboard interactions and reusable UI modules.

  • Routing: React Router 7

    Role-guarded routes with clear public, member, and admin boundaries.

  • Build Tooling: Vite 7

    Optimized local dev with proxy rewrites for auth parity and predictable QA.

  • Styling: Tailwind CSS v4 + CSS Variables

    Consistent theming with CSS variables and utility-first styling.

  • Networking & Auth: Axios + CSRF + Cookies

    Sanctum-compatible auth flow with CSRF handling and response normalization.

  • UI Assets & Fonts: Lucide React + Manrope

    Consistent iconography and typography across all surfaces.