Piyush Bendale's Portfolio

Inspiration

As a UI/UX designer and frontend developer, I’ve always believed that portfolios should be more than static resumes—they should feel alive, interactive, and personal. PortXFolio was the perfect opportunity to rethink the traditional portfolio and design something that truly reflects both my skills and personality.

What it does

This portfolio showcases my work, thought process, and design philosophy through an immersive experience. It features: 1) Interactive layouts that adapt to user interaction 2) Micro animations using Framer Motion 3) A personal storytelling section 4) Optimized for performance and accessibility

How we built it

Built using:

1. Next.js 14 (App Router) for routing and server-side rendering
2. Tailwind CSS for utility-first styling
3. Framer Motion for smooth UI animations
4. Vercel for deployment Designs were created in Figma, with an emphasis on a scalable, component-based system.

Challenges we ran into

Balancing creative freedom with usability and performance

Accomplishments that we're proud of

Built a fully responsive, animated portfolio within the hackathon timeframe

What we learned

Animation in SSR (especially with Framer Motion) requires thoughtful handling

What's next for Piyush Bendale's Portfolio

Microinteractions, Well-crafted Case Studies

Built With

• framer-motion
• next
• react
• tailwind