📋 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 can store his knowledge as a server and link with his brain, allowing him to keep learning without worrying about the physical limits of his head.

VegaHed acts as a personal “Punk Record,” where users can paste links such as YouTube videos, TikTok posts, or Facebook posts. The system automatically categorizes them, making it easy to review information without searching across multiple platforms.

🎯 Project Goals & Objectives

Primary Goal: Store all videos and post URLs that users consider important and want to review in the future.
Secondary Goals: Automatically categorize saved information and improve the efficiency of revision.

🛠️ Technical Specifications

Layer	Technologies	Notes
Frontend	ReactJS, Tailwind CSS	Built with ReactJS for UI logic; TailwindCSS used for fast, responsive styling.
Backend	NextJS, Auth.js	NextJS handles fullstack routing and API endpoints; Auth.js manages authentication and authorization.
Database	MongoDB Atlas	Cloud-hosted MongoDB Atlas used for scalable, secure database management.
Deployment	TBD	Likely Vercel for seamless NextJS deployment; alternatives under consideration.

🎨 Design Resources

Brand Guidelines: Logo (self-designed)
Color Palette:

#FFFFFF	#FFF6EA	#7C0A02	#ED2939	#FF5757

Typography: Rowdies, Maven Pro
Mockups: Canva

🔍 Main Functions

Login / Sign Up / Sign Out
Google & Facebook Authentication
Homepage
Dashboard
LLM-based classifiers
API integration
Cookies / Session handling
Profile page
Passkey login (planned)