🚀 Personal Portfolio & Content Management System

A modern, high-performance personal portfolio platform designed to bridge the gap between Technical Engineering and Creative Arts. This is not a static showcase — it is a fully dynamic, CMS-driven platform with a custom admin dashboard, real-time content management, and scalable architecture.

🌟 Core Features

1️⃣ Technical Portfolio (/technical)

A dedicated engineering-focused section designed with modern developer aesthetics.

• Split-Screen Hero Section with smooth Light / Dark mode animations
• Dynamic Project Showcase
  • GitHub repository links
  • Live demo links
  • Tech stack badges
• Skills & Experience
  • Interactive timeline
  • Skill grids managed entirely via the backend
• Minimalist UI
  • Clean typography
  • Smooth scrolling navigation
  • Inspired by modern developer portfolios

2️⃣ Creative Studio (/photoshoots & /artistic)

A visually immersive space for photography and artistic expression.

• Responsive Masonry Galleries
  • Categories: Selected, Commissioned, Editorial
• Artistic Showcase
  • Sketches, paintings, and creative works
• Lightbox & Zoom Experience
  • High-resolution image viewing
  • Seamless transitions for immersive browsing

3️⃣ Achievements Hub (/achievement)

A centralized, structured system for showcasing professional recognition.

• Categorized Achievements
  • College
  • Extracurricular
  • Internships
  • National
  • Online Courses
• Credential Verification
  • Direct links to certificates
  • Proof of work attached to each record
• Filterable & Scalable Data Model

🔐 The Command Center — Admin Dashboard (/admin)

A secure, role-based headless CMS that powers the entire platform.

• Full Content Management
  • Create, edit, and delete:
    • Technical Projects
    • Artistic Works
    • Experience & Achievements
• Media Manager
  • Drag-and-drop uploads for:
    • Photoshoots
    • Hero images
  • Powered by Supabase Storage
• Live Updates
  • Changes reflect instantly on the production site
• Security First
  • Supabase Authentication
  • Protected routes
  • Row Level Security (RLS)

⚡ No code changes required to update portfolio content.

🛠️ Tech Stack

Frontend

• React 18
• TypeScript
• Vite

Styling & UI

• Tailwind CSS
• Shadcn UI
• Framer Motion (Animations)

Backend & Authentication

• Supabase
  • PostgreSQL
  • Authentication
  • Storage

State Management

• TanStack Query (React Query)

Forms & Validation

• React Hook Form
• Zod Validation

🎯 Project Philosophy

This project is built to:

• Combine engineering precision with creative storytelling
• Be scalable, secure, and maintainable
• Serve as both a professional portfolio and a personal creative archive