A comprehensive hackathon management platform that connects participants, organizers, recruiters, and sponsors in a seamless ecosystem.
- Profile Management - Showcase your skills, projects, and experience
- Event Discovery - Find and join hackathons that match your interests
- Skills Tracker - Track in-demand skills and technologies
- Team Formation - Create or join teams with complementary skills
- Resource Library - Access curated learning resources and tools
- Quiz Integration - Practice with coding challenges from popular platforms
- Event Management - Create and manage hackathon events
- Team Management - Oversee team formation and progression
- Announcements - Communicate with participants, panels, and teams
- Sponsorship - Connect with sponsors and manage funding
- Analytics - Track event progress and participant engagement
- Candidate Discovery - Find talented participants
- Job Postings - Post opportunities and requirements
- Interview Management - Schedule and conduct interviews
- Skills Assessment - Evaluate candidate capabilities
- Event Sponsorship - Support hackathons and gain visibility
- Talent Pipeline - Access to top-performing participants
- Analytics Dashboard - Track ROI and engagement metrics
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS v4
- UI Components: shadcn/ui
- Animations: Framer Motion
- Icons: Lucide React
- 3D Graphics: Three.js
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone <your-repo-url>
cd hackmate-platform- Install dependencies:
npm install- Create environment file:
cp .env.example .env.local- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
hackmate-platform/
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── (auth)/ # Authentication pages
│ │ ├── participant/ # Participant dashboard
│ │ ├── organizer/ # Organizer dashboard
│ │ ├── recruiter/ # Recruiter dashboard
│ │ ├── sponsor/ # Sponsor dashboard
│ │ └── globals.css # Global styles
│ ├── components/ # Reusable components
│ │ ├── ui/ # shadcn/ui components
│ │ └── ... # Custom components
│ └── lib/ # Utility functions
├── public/ # Static assets
└── ... # Configuration files
The platform uses a consistent design system with:
- Deep Blue Gradient theme throughout the application
- Glowing Effects for cards and interactive elements
- Responsive Design that works on all devices
- Dark/Light Mode support
- Smooth Animations using Framer Motion
- Connect your GitHub repository to Netlify
- The
netlify.tomlfile is already configured - Deploy automatically on every push to main branch
- Install Vercel CLI:
npm i -g vercel - Run
vercelin the project directory - Follow the prompts to deploy
npm run build
npm startnpm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLintnpm run type-check- Run TypeScript type checking
- Participants - Join events, form teams, showcase skills
- Organizers - Manage events, teams, and sponsorships
- Recruiters - Find talent and post opportunities
- Sponsors - Support events and access talent pipeline
- Intelligent Pairing - Algorithm matches participants with complementary skills
- Role Compatibility - Ensures balanced teams with diverse expertise
- Newbie Protection - Pairs beginners with experienced members
- Experience Balancing - Mixes different skill levels appropriately
- Multi-Round Events - Support for complex hackathon structures
- Panel Management - Organize participants into specialized tracks
- Progress Tracking - Monitor team advancement through rounds
- Submission Management - Handle presentations, repos, and documentation
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with Next.js
- Styled with Tailwind CSS
- UI components from shadcn/ui
- Icons by Lucide
- Animations by Framer Motion
For support, email support@hackmate.com or join our community Discord.
HackMate - Empowering the next generation of innovators through collaborative hackathons.