🚀 DevHirang

The Pinnacle of Developer Recognition & Achievement Showcase

fix

🌟 Overview

DevHirang is a premium, data-driven platform designed to showcase the elite developers of the community. It goes beyond simple profiles, offering a gamified achievement system, dynamic badging, and a high-fidelity user interface built for the modern web.

✨ Key Features

🏆 Advanced Ranking Algorithm (v2)

A sophisticated scoring engine that splits developer credibility into two transparent metrics:

• Impact Score: Rewards tangible output like projects (20 pts), hackathon wins (100 pts), and GitHub contributions (50 pts).
• Trust Score: Measures professional reliability through certifications (150 pts), community involvement, and administrative status.

🎖️ Dynamic Badge System

A tiered recognition system with automated point scaling (5,000 to 20,000 points per badge):

• World Level: The pinnacle tier for global influencers (40+ Certs, 10+ Wins, 100+ Projects).
• Elite Division: Exclusive Top 3 ranking with premium visual effects and glowing borders.
• Professional Division: Comprehensive list of the Top 100 developers, expanded by default for full visibility.
• Specialized Badges: Hackathon Hero, Product Visionary, Elite Contributor, Legacy Builder, and Community Pillar.

🔄 Point Synchronization Automation

Includes a standalone synchronization engine to maintain data integrity:

• npm run sync-points: Automatically recalculates all developer points, badges, and rankings based on the latest JSON data.

🎥 Cinematic User Experience

• Splash Screen: A high-impact orchestrated entry sequence with Framer Motion.
• Analytics Spotlight: Real-time ecosystem metrics (Total Devs, Projects, Organizations).
• Testimonial Carousel: Automated showcase of developer endorsements.
• Professional Certifications: Dedicated display for verified credentials with hover-based details.

🛠️ Tech Stack

• Core: React 19 + Vite 7 (High-performance HMR)
• Styling: Tailwind CSS 4 + Glassmorphism / Custom CSS Utilities
• Animations: Framer Motion 12 (Smooth layout transitions and cinematic entries)
• Icons: Lucide React (Pixel-perfect achievement iconography)
• Deployment: Optimized for Cloud Run and Vercel

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/darknecrocities/DevHirang.git
   cd DevHirang

2. Install dependencies

   npm install

3. Data Synchronization

   npm run sync-points

4. Launch Development Server

   npm run dev

🏗️ Architecture

• /src/data: Centralized developers.json (Single Source of Truth).
• /src/utils: ranking.js and badgeUtils.js (The Scoring Engine).
• /scripts: sync-points.cjs (Automated Data Maintenance).
• /src/components: Atomic, high-fidelity UI component structure.

---

Built with ❤️ for the Developer Community