# Project export: Plannr This document was generated by HackStack to give an AI agent context about a hackathon project. Sections are labeled with their provenance; content marked as truncated was cut to keep this document small. ## Project metadata - Hackathon: UC Berkeley AI Hackathon 2025 - Tagline: Organize Entire Hackathons with Just One Click with AI Agents! - Devpost: https://devpost.com/software/plannr-k5bpmx - GitHub: https://github.com/subodh-thallada/ai-assist-planner - Demo: https://ai-assist-planner.vercel.app/ - Team: 3 GitHub contributor(s) — subodh-thallada (22 commits), gpt-engineer-app[bot] (2 commits), Chelsea W. (1 commits) ## Devpost submission (written by the team) ### Inspiration As hackathon organizers ourselves, we know firsthand how overwhelming and chaotic planning can get. Finding sponsors, booking venues, managing transportation, designing websites, ordering swag, handling outreach, and running logistics, all while keeping everything on schedule, requires hundreds of emails, calls, and spreadsheet updates. Inspired by the theme of this hackathon, we asked: Why not build an AI system that can do most of this for us? That’s how Plannr was born: an intelligent AI-powered assistant that automates the hardest parts of organizing hackathons. ### What it does Plannr is an AI Hackathon Organizer Assistant powered by a system of specialized agents that automate and streamline every stage of hackathon planning. It helps you: Find and reach out to sponsors, write contextual emails, follow up, and log progress Search for venues, call vendors with Vapi, negotiate pricing, and track details Coordinate bussing and catering, automatically call around for quotes and log everything Generate a content calendar with posts, reels, and emails using Claude and Gemini Schedule and log Instagram posts, with AI-generated visuals Manage outreach for mentors, speakers, and communities Auto-generate websites, hackathon applications, and answer FAQs Everything is coordinated through a central spreadsheet system and connected via n8n workflows that use agents from Claude, Gemini, Fetch.ai, Unify, Orkes, Groq, Vapi, and letta.ai. ### How we built it Claude (via Fetch.ai uAgents): Content generation, email writing, route suggestions, sponsor research Gemini: Generated visuals (posts, reels), swag design, website copy Vapi: Outbound voice calls for bus quotes, venue calls, meal vendor outreach n8n: Our orchestration layer; we built a suite of agent-based workflows across outreach, logistics, and marketing Google Sheets API: All metadata is logged to editable and synced spreadsheets Groq, Orkes: Integrated to power backend services, real-time decisioning, and scalable processing Frontend: Simple interface to add and edit hackathon metadata (in progress) ### Challenges we ran into Workflow explosion: Managing over 10 parallel n8n workflows with asynchronous agents was messy Voice API hiccups: Setting up Vapi assistants and linking IDs dynamically in n8n required a lot of debugging LLM agent coordination: Syncing Claude with Fetch.ai agents and letting Gemini handle visual generation within time constraints Rate limits and APIs: Many services had undocumented rate limits or unstable behavior Time constraints: Trying to ship a multi-agent production system in under 24 hours with only two people. ### Accomplishments we're proud of Built a modular, multi-agent automation system for planning events Designed workflows that can run independently or in sequence Used voice agents to actually call real vendors (bus, venue, catering) Auto-generated a full week of Instagram content (posts and reels) Created our own Claude sponsor research and outreach agent Integrated multiple AI platforms together in one cohesive system ### What we learned How to orchestrate multi-agent workflows using n8n, Claude, and Fetch.ai How to integrate voice automation using Vapi and parse responses How to structure event metadata centrally for agents to read and write from That AI can reduce hours of planning into minutes with the right system design That even the best agents need solid UX, traceability, and logging ### What's next Let student hackathon teams onboard and use our planner assistant One-click snack, merch, and bus ordering with pre-filled AI quotes Improve location-based planning with map integration Deploy a chat interface so users can ask for tasks like "find me 3 venues" Offer integrations with Devpost, Luma, Vercel, and Slack Create a public library of reusable AI workflows for event organizers ## README (from the GitHub repository) # Welcome to your the project ## Project info **URL**: https://ai-assist-planner.vercel.app/ # Inspiration As hackathon organizers ourselves, we know firsthand how overwhelming and chaotic planning can get. Finding sponsors, booking venues, managing transportation, designing websites, ordering swag, handling outreach, and running logistics, all while keeping everything on schedule, requires hundreds of emails, calls, and spreadsheet updates. Inspired by the theme of this hackathon, we asked: Why not build an AI system that can do most of this for us? That’s how Plannr was born: an intelligent AI-powered assistant that automates the hardest parts of organizing hackathons. # What it does Plannr is an AI Hackathon Organizer Assistant powered by a system of specialized agents that automate and streamline every stage of hackathon planning. # It helps you: image image - Find and reach out to sponsors, write contextual emails, follow up, and log progress - Search for venues, call vendors with Vapi, negotiate pricing, and track details - Coordinate bussing and catering, automatically call around for quotes and log everything - Generate a content calendar with posts, reels, and emails using Claude and Gemini - Schedule and log Instagram posts, with AI-generated visuals - Manage outreach for mentors, speakers, and communities - Auto-generate websites, hackathon applications, and answer FAQs - Everything is coordinated through a central spreadsheet system and connected via n8n workflows that use agents from Claude, Gemini, Fetch.ai, Unify, Orkes, Groq, Vapi, and letta.ai. # How we built it image - Claude (via Fetch.ai uAgents): Content generation, email writing, route suggestions, sponsor research - Gemini: Generated visuals (posts, reels), swag design, website copy - Vapi: Outbound voice calls for bus quotes, venue calls, meal vendor outreach - n8n: Our orchestration layer; we built a suite of agent-based workflows across outreach, logistics, and marketing - Google Sheets API: All metadata is logged to editable and synced spreadsheets - Groq, Orkes: Integrated to power backend services, real-time decisioning, and scalable processing - Frontend: Simple interface to add and edit hackathon metadata (in progress) image ## Detected evidence (automated analysis) Indexed codebase: 71 recognized source files, 304 KB. - CSS (language) — detected in the code - HTML (language) — detected in the code - JavaScript (language) — detected in the code - React (technology) — detected in the code - Supabase (technology) — detected in the code - Tailwind CSS (technology) — detected in the code - TypeScript (language) — detected in the code - Google Gemini (technology) — claimed on Devpost, not found in the code ## Codebase structure (from repository index) ### Files (79 of 79) ``` .gitignore bun.lockb components.json eslint.config.js index.html package.json postcss.config.js public/robots.txt README.md src/App.css src/App.tsx src/components/ChatPanel.tsx src/components/ProjectPanel.tsx src/components/ui/accordion.tsx src/components/ui/alert-dialog.tsx src/components/ui/alert.tsx src/components/ui/aspect-ratio.tsx src/components/ui/avatar.tsx src/components/ui/badge.tsx src/components/ui/breadcrumb.tsx src/components/ui/button.tsx src/components/ui/calendar.tsx src/components/ui/card.tsx src/components/ui/carousel.tsx src/components/ui/chart.tsx src/components/ui/checkbox.tsx src/components/ui/collapsible.tsx src/components/ui/command.tsx src/components/ui/context-menu.tsx src/components/ui/dialog.tsx src/components/ui/drawer.tsx src/components/ui/dropdown-menu.tsx src/components/ui/form.tsx src/components/ui/hover-card.tsx src/components/ui/input-otp.tsx src/components/ui/input.tsx src/components/ui/label.tsx src/components/ui/menubar.tsx src/components/ui/navigation-menu.tsx src/components/ui/pagination.tsx src/components/ui/popover.tsx src/components/ui/progress.tsx src/components/ui/radio-group.tsx src/components/ui/resizable.tsx src/components/ui/scroll-area.tsx src/components/ui/select.tsx src/components/ui/separator.tsx src/components/ui/sheet.tsx src/components/ui/sidebar.tsx src/components/ui/skeleton.tsx src/components/ui/slider.tsx src/components/ui/sonner.tsx src/components/ui/switch.tsx src/components/ui/table.tsx src/components/ui/tabs.tsx src/components/ui/textarea.tsx src/components/ui/toast.tsx src/components/ui/toaster.tsx src/components/ui/toggle-group.tsx src/components/ui/toggle.tsx src/components/ui/tooltip.tsx src/components/ui/use-toast.ts src/hooks/use-mobile.tsx src/hooks/use-toast.ts src/index.css src/lib/gemini.ts src/lib/project-context.tsx src/lib/supabase.ts src/lib/utils.ts src/lib/vapi-service.ts src/main.tsx src/pages/Index.tsx src/pages/NotFound.tsx src/vite-env.d.ts tailwind.config.ts tsconfig.app.json tsconfig.json tsconfig.node.json vite.config.ts ``` ### Dependencies - package.json: @eslint/js@^9.9.0, @google/genai@^1.6.0, @hookform/resolvers@^3.9.0, @letta-ai/letta-client@^0.1.132, @radix-ui/react-accordion@^1.2.0, @radix-ui/react-alert-dialog@^1.1.1, @radix-ui/react-aspect-ratio@^1.1.0, @radix-ui/react-avatar@^1.1.0, @radix-ui/react-checkbox@^1.1.1, @radix-ui/react-collapsible@^1.1.0, @radix-ui/react-context-menu@^2.2.1, @radix-ui/react-dialog@^1.1.2, @radix-ui/react-dropdown-menu@^2.1.1, @radix-ui/react-hover-card@^1.1.1, @radix-ui/react-label@^2.1.0, @radix-ui/react-menubar@^1.1.1, @radix-ui/react-navigation-menu@^1.2.0, @radix-ui/react-popover@^1.1.1, @radix-ui/react-progress@^1.1.0, @radix-ui/react-radio-group@^1.2.0, @radix-ui/react-scroll-area@^1.1.0, @radix-ui/react-select@^2.1.1, @radix-ui/react-separator@^1.1.0, @radix-ui/react-slider@^1.2.0, @radix-ui/react-slot@^1.1.0, @radix-ui/react-switch@^1.1.0, @radix-ui/react-tabs@^1.1.0, @radix-ui/react-toast@^1.2.1, @radix-ui/react-toggle@^1.1.0, @radix-ui/react-toggle-group@^1.1.0, @radix-ui/react-tooltip@^1.1.4, @supabase/supabase-js@^2.50.0, @tailwindcss/typography@^0.5.15, @tanstack/react-query@^5.56.2, @types/node@^22.5.5, @types/react@^18.3.3, @types/react-dom@^18.3.0, @vapi-ai/web@^2.3.6, @vitejs/plugin-react-swc@^3.5.0, autoprefixer@^10.4.20, class-variance-authority@^0.7.1, clsx@^2.1.1, cmdk@^1.0.0, date-fns@^3.6.0, docx@^9.5.1, embla-carousel-react@^8.3.0, eslint@^9.9.0, eslint-plugin-react-hooks@^5.1.0-rc.0, eslint-plugin-react-refresh@^0.4.9, file-saver@^2.0.5, globals@^15.9.0, input-otp@^1.2.4, lovable-tagger@^1.1.7, lucide-react@^0.462.0, next-themes@^0.3.0, postcss@^8.4.47, react@^18.3.1, react-day-picker@^8.10.1, react-dom@^18.3.1, react-hook-form@^7.53.0, react-resizable-panels@^2.1.3, react-router-dom@^6.26.2, recharts@^2.12.7, sonner@^1.5.0, tailwind-merge@^2.5.2, tailwindcss@^3.4.11, tailwindcss-animate@^1.0.7, typescript@^5.5.3, typescript-eslint@^8.0.1, vaul@^0.9.3, vite@^5.4.1, zod@^3.23.8 ### Recent commits (newest first) - Update README.md - Update README.md - letta shit - letta shit - ui changes - changes - changes idk - Update README.md - sponsorhip stuff done - database integration with supabase - UI changes done - added different views to view tasks - better UI - file adding changes - file adding works - Delete .env - Update .env - vapi calling works. big Ws - branding added (colours lmfao) - editable data ## Key source files (fetched from GitHub, selected and truncated for size) ### package.json ``` { "name": "vite_react_shadcn_ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "build:dev": "vite build --mode development", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "@google/genai": "^1.6.0", "@hookform/resolvers": "^3.9.0", "@letta-ai/letta-client": "^0.1.132", "@radix-ui/react-accordion": "^1.2.0", "@radix-ui/react-alert-dialog": "^1.1.1", "@radix-ui/react-aspect-ratio": "^1.1.0", "@radix-ui/react-avatar": "^1.1.0", "@radix-ui/react-checkbox": "^1.1.1", "@radix-ui/react-collapsible": "^1.1.0", "@radix-ui/react-context-menu": "^2.2.1", "@radix-ui/react-dialog": "^1.1.2", "@radix-ui/react-dropdown-menu": "^2.1.1", "@radix-ui/react-hover-card": "^1.1.1", "@radix-ui/react-label": "^2.1.0", "@radix-ui/react-menubar": "^1.1.1", "@radix-ui/react-navigation-menu": "^1.2.0", "@radix-ui/react-popover": "^1.1.1", "@radix-ui/react-progress": "^1.1.0", "@radix-ui/react-radio-group": "^1.2.0", "@radix-ui/react-scroll-area": "^1.1.0", "@radix-ui/react-select": "^2.1.1", "@radix-ui/react-separator": "^1.1.0", "@radix-ui/react-slider": "^1.2.0", "@radix-ui/react-slot": "^1.1.0", "@radix-ui/react-switch": "^1.1.0", "@radix-ui/react-tabs": "^1.1.0", "@radix-ui/react-toast": "^1.2.1", "@radix-ui/react-toggle": "^1.1.0", "@radix-ui/react-toggle-group": "^1.1.0", "@radix-ui/react-tooltip": "^1.1.4", "@supabase/supabase-js": "^2.50.0", "@tanstack/react-query": "^5.56.2", "@vapi-ai/web": "^2.3.6", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "^1.0.0", "date-fns": "^3.6.0", "docx": "^9.5.1", "embla-carousel-react": "^8.3.0", "file-saver": "^2.0.5", "input-otp": "^1.2.4", "lucide-react": "^0.462.0", "next-themes": "^0.3.0", "react": "^18.3.1", "react-day-picker": "^8.10.1", "react-dom": "^18.3.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.3", "react-router-dom": "^6.26.2", "recharts": "^2.12.7", "sonner": "^1.5.0", "tailwind-merge": "^2.5.2", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.3", "zod": "^3.23.8" }, "devDependencies": { "@eslint/js": "^9.9.0", "@tailwindcss/typography": "^0.5.15", "@types/node": "^22.5.5", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@vitejs/plugin-react-swc": "^3.5.0", "autoprefixer": "^10.4.20", "eslint": "^9.9.0", "eslint-plugin-react-hooks": "^5.1.0-rc.0", "eslint-plugin-react-refresh": "^0.4.9", "globals": "^15.9.0", "lovable-tagger": "^1.1.7", "postcss": "^8.4.47", "tailwindcss": "^3.4.11", "typescript": "^5.5.3", "typescript-eslint": "^8.0.1", "vite": "^5.4.1" } } ``` ### src/App.tsx ```typescript import { Toaster } from "@/components/ui/toaster"; import { Toaster as Sonner } from "@/components/ui/sonner"; import { TooltipProvider } from "@/components/ui/tooltip"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Index from "./pages/Index"; import NotFound from "./pages/NotFound"; const queryClient = new QueryClient(); const App = () => ( } /> {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */} } /> ); export default App; ``` ### src/main.tsx ```typescript import React from 'react'; import ReactDOM from 'react-dom/client'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; import './index.css'; import HackathonWebsite from './pages/Index'; import { ProjectProvider } from './lib/project-context'; import { ChatPanel } from './components/ChatPanel'; import { ProjectPanel } from './components/ProjectPanel'; import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './components/ui/resizable'; function HomePage() { const [isChatOpen, setIsChatOpen] = React.useState(false); return (
{/* Mobile Chat Toggle */}
{/* Desktop: Resizable Panels */}
{/* Mobile: Modal ChatPanel */}
setIsChatOpen(false)} />
{/* Overlay for mobile */} {isChatOpen && (
setIsChatOpen(false)} /> )} {/* Mobile: ProjectPanel always visible */}
); } ReactDOM.createRoot(document.getElementById('root')!).render( } /> } /> ); ``` ### src/pages/Index.tsx ```typescript import React from "react"; export default function HackathonWebsite() { return (

Gen AI Hackathon 2024

October 17-18, Madison Square Garden, NYC

~400 participants | Theme: Generative AI

About the Hackathon

Join us for an electrifying 36-hour hackathon at the iconic Madison Square Garden! Dive into the world of Generative AI, collaborate with top talent, and build the next wave of AI-powered applications. Whether you're a coder, designer, or AI enthusiast, this is your chance to innovate, learn, and connect.

Event Details

  • Date: October 17-18, 2024
  • Location: Madison Square Garden, New York City
  • Participants: ~400
  • Theme: Generative AI
  • Prizes: $20,000+ in cash & swag
  • Workshops: AI, ML, and more
  • Free food, swag, and 24/7 venue access

Register Now

Registration Coming Soon
© 2024 Gen AI Hackathon. All rights reserved.
); } ``` ### postcss.config.js ```javascript export default { plugins: { tailwindcss: {}, autoprefixer: {}, }, } ``` ### vite.config.ts ```typescript import { defineConfig } from "vite"; import react from "@vitejs/plugin-react-swc"; import path from "path"; import { componentTagger } from "lovable-tagger"; // https://vitejs.dev/config/ export default defineConfig(({ mode }) => ({ server: { host: "::", port: 8080, }, plugins: [ react(), mode === 'development' && componentTagger(), ].filter(Boolean), resolve: { alias: { "@": path.resolve(__dirname, "./src"), }, }, })); ``` ### eslint.config.js ```javascript import js from "@eslint/js"; import globals from "globals"; import reactHooks from "eslint-plugin-react-hooks"; import reactRefresh from "eslint-plugin-react-refresh"; import tseslint from "typescript-eslint"; export default tseslint.config( { ignores: ["dist"] }, { extends: [js.configs.recommended, ...tseslint.configs.recommended], files: ["**/*.{ts,tsx}"], languageOptions: { ecmaVersion: 2020, globals: globals.browser, }, plugins: { "react-hooks": reactHooks, "react-refresh": reactRefresh, }, rules: { ...reactHooks.configs.recommended.rules, "react-refresh/only-export-components": [ "warn", { allowConstantExport: true }, ], "@typescript-eslint/no-unused-vars": "off", }, } ); ``` ### index.html ```html AI Project Manager
``` ### tailwind.config.ts ```typescript import type { Config } from "tailwindcss"; export default { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", ], prefix: "", theme: { container: { center: true, padding: '2rem', screens: { '2xl': '1400px' } }, extend: { colors: { border: 'hsl(var(--border))', input: 'hsl(var(--input))', ring: 'hsl(var(--ring))', background: 'hsl(var(--background))', foreground: 'hsl(var(--foreground))', primary: { DEFAULT: 'hsl(var(--primary))', foreground: 'hsl(var(--primary-foreground))' }, secondary: { DEFAULT: 'hsl(var(--secondary))', foreground: 'hsl(var(--secondary-foreground))' }, destructive: { DEFAULT: 'hsl(var(--destructive))', foreground: 'hsl(var(--destructive-foreground))' }, muted: { DEFAULT: 'hsl(var(--muted))', foreground: 'hsl(var(--muted-foreground))' }, accent: { DEFAULT: 'hsl(var(--accent))', foreground: 'hsl(var(--accent-foreground))' }, popover: { DEFAULT: 'hsl(var(--popover))', foreground: 'hsl(var(--popover-foreground))' }, card: { DEFAULT: 'hsl(var(--card))', foreground: 'hsl(var(--card-foreground))' }, sidebar: { DEFAULT: 'hsl(var(--sidebar-background))', foreground: 'hsl(var(--sidebar-foreground))', primary: 'hsl(var(--sidebar-primary))', 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))', accent: 'hsl(var(--sidebar-accent))', 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))', border: 'hsl(var(--sidebar-border))', ring: 'hsl(var(--sidebar-ring))' } }, borderRadius: { lg: 'var(--radius)', md: 'calc(var(--radius) - 2px)', sm: 'calc(var(--radius) - 4px)' }, keyframes: { 'accordion-down': { from: { height: '0' }, to: { height: 'var(--radix-accordion-content-height)' } }, 'accordion-up': { from: { height: 'var(--radix-accordion-content-height)' }, to: { height: '0' } } }, animation: { 'accordion-down': 'accordion-down 0.2s ease-out', 'accordion-up': 'accordion-up 0.2s ease-out' } } }, plugins: [require("tailwindcss-animate")], } satisfies Config; ``` ### src/vite-env.d.ts ```typescript /// ``` [60 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]