HackerEarth Hub NMAMIT

Year

2024

Tech & Technique

React.js, Tailwind CSS, Node.js

Description

A centralized web platform for the college's HackerEarth club, enabling students to log in, track coding progress, and participate in challenges. The platform fosters competitive coding culture by offering personalized dashboards and a dynamic leaderboard.

Key Features:

🔐 Student Login: Secure authentication for club members
📊 Dashboard: Personal coding stats, problem-solving history, and event logs
🏆 Leaderboard: Real-time ranking of active members based on coding activity
📅 Club Events: Section for upcoming challenges and announcements
📱 Mobile-Responsive: Designed to work seamlessly across devices

Technical Highlights:

Frontend built with React.js and styled using Tailwind CSS for a clean and dynamic UI
Backend powered by Node.js with RESTful APIs to manage users, scores, and data
Integrated leaderboard system reflecting live updates from coding platforms or submissions
Role-based access to distinguish between admins and students

My Role

Full-Stack Developer
Developed and maintained the entire application lifecycle:

✅ Backend: Built Node.js APIs for authentication, leaderboard, and data management
🎨 Frontend: Designed and implemented all UI components using React and Tailwind
🔄 Data Sync: Handled coding data fetching and ranking logic for leaderboard
🔐 Security: Implemented login protection and role management
🚀 Deployment: Deployed and maintained on Vercel/Render with automatic updates