GABBAR is a premium, high-fidelity anonymous reporting platform designed as a Cinematic Command Center for campus intelligence. Version 10.0 marks a complete professional overhaul, introducing a state-of-the-art Design System and a modular Bento Grid architecture.
GABBAR V10.0 transitions from a functional prototype to a professional-grade intelligence suite:
- Bento Grid Architecture: A modular, responsive layout system that organizes complex data into clean, digestible "intel blocks."
- Optical Design System: Deep slate palettes, cyan-blue highlights, and obsidian-glass surfaces creating an immersive "Secure Uplink" experience.
- Cinematic Interactions: Smooth, spring-based motion dynamics and flashlight-glow effects that respond to operative cursor movements.
Modernized layout with a sophisticated navigation system.
- Dynamic Sidebar: Toggleable workspace to maximize intelligence feed density.
- Responsive Core: Completely optimized for both desktop command centers and mobile field operations.
Track and showcase your impact within the hub via the Achievement Hub.
- Tactical Badges: Progress from 'First Contact' to 'Elite Operative'.
- Impact Metrics: Real-time visualization of platform contribution scores.
A restricted, high-fidelity hacker-themed interface located at /dev. Designed for master operatives to oversee system integrity.
- Matrix Rain Overlays: Cinematic visual feedback for administrative tasks.
- Root Authentication: Secure bypass for authorized system architects.
- Secure Uplink: Integrated Google OAuth for friction-less, encrypted access.
- Identity Shielding: Complete cryptographic separation between operatives and their intelligence logs.
- Packet Routing: Automatic masking of metadata and origin points.
| Module | Purpose | Location |
|---|---|---|
AuthForm |
Secure Uplink Terminal for identity verification. | src/components/AuthForm.jsx |
ReportCard |
Premium 'Intel Log' visualization with glow dynamics. | src/components/ReportCard.jsx |
SidePanel |
Real-time telemetry and trending intelligence. | src/components/SidePanel.jsx |
AchievementHub |
Data-driven progression and badge rendering. | src/components/AchievementHub.jsx |
SystemBoot |
Cinematic initialization and authentication sequence. | src/components/SystemBoot.jsx |
- Frontend: React 19 (High-performance Hooks + Memoization)
- Infrastructure: Supabase (PostgreSQL + RLS Security Policies)
- Motion: Framer Motion (Orchestration & Micro-interactions)
- Icons: Lucide React (Tactical Iconography Suite)
# Clone the repository
git clone https://github.com/Jxvz01/Gabbar.git
# Install dependencies
npm install
# Initialize production build
npm run build
# Launch local environment
npm run dev© 2026 GABBAR SYSTEM | Developed by Jxvz01
Vision: GABBAR aims to be the gold standard for anonymous campus intelligence, providing a secure, premium environment for critical information exchange without fear of retaliation.