HackHayward • AI Product

Founder AI Toolkit

A startup-focused AI toolkit built for HackHayward to improve storytelling and mentor conversations.

AI Pitch and mentor tools
1 Hackathon build
3+ Startup use cases

Project Preview

Founder AI Toolkit preview

A web app built during HackHayward 2.0 to help founders and student builders improve startup storytelling and mentor conversations.

What It Does

AI Pitch Coach

  • Scores a startup idea across clarity, market, value, and presentation
  • Generates strengths, improvements, risks, next steps, and a slide outline
  • Supports export to Markdown (Copy / Download .md)

Mentor Matchmaker

  • Matches a project profile to 3 mentor personas
  • Provides fit scores, rationale, and specific questions to ask
  • Supports export to Markdown (Copy / Download .md)

Current Mode (Default)

  • Demo Mode is ON by default in app.js
  • The app runs with simulated responses and does not require an API key
  • Designed for demos, portfolios, and static hosting

Project Structure

  • index.html - Main UI markup
  • styles.css - Visual design and responsive styles
  • app.js - Frontend logic (tabs, form handling, rendering, autosave, export)
  • server.js - Optional backend proxy for live Anthropic API calls
  • package.json - Node scripts and dependencies

Run Locally (Demo Mode, Free)

No backend required if you keep Demo Mode on.

Option A: Open directly in browser

  • Open index.html

Option B: Serve via local server (recommended)

  • Run: npx serve .
  • Open the local URL shown in your terminal

Optional: Enable Real Live Model Responses

  • Set Demo Mode off in the UI toggle
  • Configure server env vars: cp .env.example .env
  • Add your key in .env as ANTHROPIC_API_KEY=...
  • Install and run backend: npm install then npm start
  • Open: http://localhost:3000/index.html

Important

  • Never expose API keys in frontend files
  • Keep keys in .env only (already ignored by .gitignore)

Deployment

Demo-Only Deployment (No API cost)

  • GitHub Pages
  • Netlify
  • Vercel (static)

Live API Deployment

  • Render
  • Railway
  • Fly.io

Tech Stack

  • HTML
  • CSS
  • Vanilla JavaScript
  • Node.js + Express (optional backend proxy)
  • Anthropic Messages API (optional live mode)

Notes

  • Local form state persists via localStorage
  • Exported summaries are generated from the latest result state
  • App is optimized for desktop and mobile layouts