🧩 Project Overview
This Personal Link Hub Website serves as a minimal and elegant gateway connecting all branches of my professional and creative work — from filmmaking to web development and blogging. Designed to mirror the simplicity of Linktree while offering deeper customization, it provides a clean interface that reflects both personality and professionalism.
Built with React and Material UI, the site dynamically links to my Film Page, Dev Portfolio, and Blog, allowing visitors to explore my work across different fields within one unified design. The project also includes an integrated Admin Panel for adding or editing links, posts, and featured works without modifying code.
✨ Core Features
🎨 Responsive, Animated Interface – Minimal card layout with adaptive design and animated background
🔗 Centralized Navigation – Quick access to all external links and project pages
🧠 Dynamic Admin Dashboard – Add, edit, or remove works directly from a secure backend
📝 Content Creation Tools – Rich-text editor supporting text formatting, embeds, and tables
🗂️ Custom Category Management – Organize entries into Web Design, VFX, or Blog posts
☁️ Supabase Integration – Database and storage for managing all content securely
🚀 Fast Deployment – Hosted on Vercel for smooth performance and instant updates
🖥️ Tech Stack
Category | Technology |
|---|---|
Framework | React (with Hooks) |
UI Library | Material UI |
Backend & Auth | Supabase |
Hosting | Vercel |
Editor | ReactQuill + Tiptap |
Styling | Custom CSS & MUI Theming |
🧭 Page Structure
Home: Profile card with quick access to film, dev, and blog pages
Admin Panel: Add new works with titles, thumbnails, categories, and rich content
Film Page: Highlights of cinematic and VFX projects
Dev Page: Portfolio of web apps and software projects
Blog: Articles on tech, creativity, and personal insights
🌐 Live Demo & Source
🔗 Live Site: https://dev.kkvasan.ca/
📁 GitHub: Available on request