Skip to content

Prathvikmehra/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 

Repository files navigation

🌐 Premium Personal Portfolio

🚀 Live Demo: https://mehra-prathvik.vercel.app/


📌 About The Project

This is a High-End, Premium Portfolio built with React and Framer Motion, featuring a cinematic olive-green aesthetic and deep interactive depth. It is designed to showcase technical mastery while providing a luxurious user experience.


✨ Features

  • 💎 Premium Aesthetic: Tailored "Olive-Green" theme with glassmorphism, noise textures, and smooth radial gradients.
  • 🎡 Infinite Arcade Zone: A high-performance horizontal marquee showcasing mini-games (Color Guesser, Typing Speed, etc.) with real-time descriptions.
  • 💊 Interactive Floating Navbar: Capsule-style navigation with animated tooltips for all icons, including a real-time IST clock and prestigious Medal icon.
  • 🚀 Dynamic Hero Section: Smooth typing animations for professional roles and a rotating "Available for Hire" badge.
  • 📱 Responsive Grid Layout: Clean, organized grid-based cards for primary project clones (Cantabil, Stanley, Cuts).
  • ⚡ Optimized Performance: Built on Vite with industry-standard Framer Motion animations.

🛠️ Tech Stack

  • Frontend Framework: React.js
  • Build Tool: Vite
  • Animations: Framer Motion
  • Styling: Vanilla CSS (Modern CSS Variables & Custom Typography)
  • Deployment: Netlify

📁 Project Structure

Portfolio/
 └── project/
      ├── src/
      │    ├── components/    # Modular UI components (Navbar, Hero, Projects, etc.)
      │    ├── assets/        # High-res project previews and logos
      │    └── App.css        # Core Design System and Theme Tokens
      ├── public/
      │    └── games/         # Standalone HTML5/JS mini-games
      ├── package.json
      └── vite.config.js

⚙️ Getting Started

1. Clone the repository

git clone https://github.com/Prathvikmehra/Portfolio.git
cd Portfolio/project

2. Install dependencies

npm install

3. Run locally

npm run dev

🚀 Deployment

The project is optimized for Netlify and Render with automated build pipelines.


📬 Contact


⭐ Support

If you like this project, consider giving it a ⭐ on GitHub!

About

I'm Prathvik Mehra — a frontend developer who builds with intention. I care deeply about the intersection of design and engineering, crafting experiences that don't just function well, but feel premium. My work is driven by a belief that the web can be more than functional — it can be cinematic. From fluid Framer Motion animations to handcrafted CS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors