A high-performance personal portfolio showcasing full-stack engineering expertise, architectural design, and a focus on transforming complex problems into elegant, automated solutions.
This portfolio is a modern React-based web application built with a focus on immersive user experience (UX) and cinematic aesthetics. It features advanced scroll animations, interactive components, and a "Deep Dark" modernist design system.
- Immersive Interactivity: Splash cursor effects, vector bridge interactions, and fluid animations.
- Stack-based Project Display: A custom-engineered scroll stack for showcasing selected works with CSS-in-JS and GSAP power.
- Parallax Storytelling: Multi-layered parallax reveals and scroll-triggered content transitions.
- Responsive Architecture: Fully optimized for mobile, tablet, and desktop viewports.
- Mechanical UX: Integrated smooth-scrolling using Lenis for a tactile feel.
| Layer | Technologies |
|---|---|
| Frontend | React 18, TypeScript, Vite |
| Styling | Tailwind CSS, shadcn/ui, Radix UI |
| Animation | Framer Motion, GSAP |
| Scrolling | Lenis Scroll, ScrollVelocity |
| Validation | Zod, React Hook Form |
| Icons | Lucide React |
src/
├── components/ # Reusable UI components (Navigation, StarBorder, etc.)
├── pages/ # Layout sections (Hero, About, SelectedWorks, Contact)
├── lib/ # Utility functions and library wrappers
├── hooks/ # Custom React hooks
└── assets/ # Static assets and styles
- Node.js (v18 or higher)
- npm or bun
-
Clone the repository
git clone https://github.com/MAHESHPPAI/portfolio-website.git cd Portfolio-website -
Install dependencies
npm install # or bun install -
Start the development server
npm run dev
-
Build for production
npm run build
Let's build something intelligent.
- Email: maheshpailinked@gmail.com
- Instagram: .maheshhhhhh.
- Availability: Currently available for freelance and full-time opportunities.
MADE BY MAHESH ® 2026