Back to projects
completed
AI & Developer Tools

Hackonnect: AI-Powered Hackathon Co-Pilot

An AI-driven platform that helps hackathon participants discover events, generate ideas, visualize architectures, form teams, collaborate in real time, and source resources intelligently.

Technologies Used

Next.jsReactTypeScriptTailwind CSSShadcn UIReact FlowPrismaNeonDBSocket.IOClerkPerplexity API

Created on January 1, 2025

Project Overview

HackFlow is an intelligent co-pilot for hackathons. It streamlines the entire lifecycle: discovering relevant hackathons, generating and refining ideas, visualizing project flows, assembling teams, collaborating live, and gathering AI-curated resourcesโ€”reducing friction and accelerating innovation.

Inspiration

Common pain points:

  • Idea paralysis
  • Noisy hackathon discovery
  • Team formation friction
  • Unstructured planning
  • Hard-to-find APIs/datasets
  • Lack of competitive insight

HackFlow solves these with focused AI assistance and collaborative tooling.

Core Features

๐Ÿš€ AI Hackathon Finder

  • Uses Perplexity (sonar-pro) to fetch and rank hackathons (Devpost, Devfolio, DoraHacks, etc.)
  • Personalized by interests, themes, tech focus

๐Ÿ’ก AI Idea Generator

  • Deep research (sonar-deep-research) to expand prompts into:
    • Problem framing
    • Use cases
    • Feature sets
    • Suggested stacks

๐Ÿ—บ Project Flowchart Generator

  • Transforms ideas into interactive flow diagrams via React Flow
  • Modules, dependencies, data flow

๐Ÿ›  AI Resource Hub

  • Curated APIs, datasets, tools, learning links
  • Structured JSON responses for consistent rendering

๐Ÿ” Competitive Analysis (Concept / Partial)

  • Planned: Compare against past winners for uniqueness and impact

๐Ÿ‘ฅ Team Collaboration

  • Team profiles (skills, roles, availability)
  • Real-time chat (Socket.IO)
  • Skill- & interest-based teammate discovery (roadmap)

๐Ÿ” Authentication

  • Clerk for secure session + user management

๐Ÿ”„ Real-Time

  • Socket.IO channel per team for chat & presence

๐Ÿ“Š Sustainability / Impact (Planned Extension)

  • Future scoring for environmental and social impact

Technical Architecture

Frontend

  • Next.js (App Router), React, TypeScript
  • Tailwind + Shadcn UI
  • Client + Server Components composition
  • React Flow for diagramming

Backend / API

  • Next.js API Routes (serverless)
  • AI orchestration layer wrapping Perplexity endpoints
  • Structured prompt templates + response validators

AI Integration

  • Perplexity API:
    • sonar-pro: listing + resources
    • sonar-deep-research: idea expansion
  • (Pluggable design for future models)

Data Layer

  • NeonDB (Serverless PostgreSQL)
  • Prisma (type-safe queries, migrations)
  • Models: Idea, TeamMessage, TeamProfile (+ extensible)

Realtime Layer

  • Socket.IO namespace per team
  • Graceful reconnect + broadcast

Auth

  • Clerk JWT session
  • Middleware guards on protected routes