VegaHed
Project Overview
VegaHed is a full-stack web application inspired by the One Piece character Vegapunk, who consumed a fruit that allows him to remember everything he has ever read. However, the more knowledge he acquires, the larger his head becomes. With his intelligence, he invented Punk Record — a system that stores his knowledge on a server and links with his brain, allowing him to keep learning without worrying about the physical limits of his head.
VegaHed acts as a personal “Punk Record.” Users paste links to YouTube videos, TikToks, articles, or any webpage, and the system automatically categorises the content using AI — making it easy to review without searching across multiple platforms.
Live site: vegahead.com
Features
- Save any URL — paste a link and have it stored in your personal archive
- AI-powered categorisation — content is automatically categorised on save using Google Gemini / OpenAI
- Metadata extraction — title, description, and thumbnail scraped and stored for each record
- Search — search across all saved records by keyword
- Authentication — email/password sign-up and sign-in via NextAuth v5
- Email notifications — transactional emails via Resend
- Dashboard — browse and manage all saved records in one place
Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS v4 |
| Auth | NextAuth v5 with MongoDB Adapter |
| Database | MongoDB |
| AI | Google Gemini, OpenAI |
| Scraping | Metascraper, Cheerio |
| Resend | |
| Runtime | Node.js / pnpm |
Design Resources
- Brand Guidelines: Logo (self-designed)
- Color Palette:
| #FFFFFF | #FFF6EA | #7C0A02 | #ED2939 | #FF5757 |
|---|
- Typography: Rowdies, Maven Pro
- Mockups: Canva