The Next-Gen Developer Portfolio
Interactive. Real-time. Motion-driven.
This isn't just a static resume it's an immersive digital experience. Built with the latest web technologies, this portfolio showcases projects with high-fidelity animations, real-time user tracking, and a command-center interface.
Designed to feel like a premium product, it bridges the gap between functional utility and artistic expression.
| Feature | Description |
|---|---|
| 🎨 Dynamic Theming | Seamless Dark/Light mode switching with deep, glossy aesthetic touches. |
| 🔴 Live Presence | Real-time visitor counter and ping chat powered by Supabase. See who's online! |
| 🌊 Liquid Motion | Silky smooth transitions using Framer Motion |
| 📊 GitHub Heatmap | Custom-styled contribution graph to showcase coding activity. |
| 📱 Responsive Dock | MacOS-style Bottom Dock for intuitive mobile and desktop navigation. |
| 📹 Video Previews | Autoplaying, muted project previews for instant visual context. |
This project runs on the bleeding edge:
- Framework: React 19 + TypeScript
- Build Tool: Vite (Blazing fast HMR)
- Styling: Tailwind CSS v4 (The latest engine)
- Animation: Framer Motion 12 + Lucide Icons
- Backend: Supabase (Real-time DB)
- Routing: React Router 7
Get this portfolio running locally in seconds.
git clone https://github.com/SayounParui/Portfolio.git cd Portfolio npm install
Create a .env file in the root directory and add your Supabase credentials to enable real-time features:
VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
npm run dev
npm run build
Let's build something amazing together.
© 2026 Sayoun Parui. Crafted with 🖤 and React.