🚀 Priyanshu Patil | Interactive Portfolio

A modern, interactive, and minimal portfolio built with Next.js, React, and Tailwind CSS. This portfolio showcases my projects, skills, and approach to frontend development with a focus on smooth animations, accessibility, and a delightful user experience.

---

📝 Description

This portfolio is a web-based showcase of my work as a Frontend Developer. It features animated sections, interactive UI elements, and a responsive design. Explore my skills, featured projects, and learn about my approach to building digital experiences.

---

🚀 Getting Started

Follow these steps to set up and run the portfolio locally:

1. Clone the Repository

git clone <your-repo-url>
cd Portfolio

2. Install Dependencies

npm install

3. Start the Development Server

npm run dev

The app will be available at http://localhost:3000 by default.

---

🛠️ Tech Stack

Tech	Description
⚛️ Next.js	React framework for server-side rendering and static site generation.
⚡ React	Component-based UI library for building dynamic, responsive interfaces.
🎨 Tailwind CSS	Utility-first CSS framework for rapid styling and a clean look.
🧬 ReactBits	Custom React utilities and components for enhanced interactivity.
✨ MagicUi	UI library for magical, animated, and interactive UI elements.
🌀 Framer Motion	Animation library for smooth transition and interactive UI.
🖼️ next/image	Optimized image component for faster load times.
🧩 Lenis	Smooth scroll library for buttery navigation.
🛠️ TypeScript	Type-safe JavaScript for scalable and maintainable code.

---

📁 Project Structure

Portfolio/
├── public/                     # Static files (favicon, images, etc.)
│
├── src/
│   ├── app/                    # Next.js app directory (layout, pages, styles)
│   ├── assets/                 # Icons and images
│   ├── components/             # Reusable UI components
│   ├── context/                # React context providers
│   ├── lib/                    # Data, hooks, types, and utilities
│   ├── pages/                  # Main sections (About, Projects, Contact, etc.)
│   └── Reactbits/              # Custom React bits (e.g., CountUp)
│
├── .gitignore
├── package.json
└── README.md

---

✨ Key Features

• 🏠 Animated Hero Section
  Eye-catching intro with animated text and orbiting icons.

• 🧑‍💻 About & Skills
  Learn about my background and explore my tech stack.

• 🛠️ Featured Projects
  Interactive cards highlighting real-world projects with live links.

• 🧩 Approach Section
  Visual breakdown of my workflow, with animated cards and effects.

• 📬 Contact Form
  Animated, accessible form to connect with me directly.

• 🖱️ Smooth Scrolling
  Seamless navigation using Lenis for a premium feel.

• 💡 Custom Animations
  Framer Motion and custom effects for engaging UI transitions.

• 📱 Responsive Design
  Optimized for mobile, tablet, and desktop.

• 🌙 Modern UI
  Minimal, elegant design with subtle gradients and custom fonts.

---

🌟 Interactive Elements

• Animated Text: Dynamic headings and section titles using custom animation components.
• Orbiting Icons: Hero section features animated SVGs orbiting the main content.
• Canvas Effects: Approach section uses custom canvas reveal animations.
• Sparkle & Aurora Text: Special text effects for highlights and headings.
• Sticky Project Cards: Projects section uses sticky, animated cards for each project.
• Interactive Buttons: Hover and click effects throughout the UI.

---

📬 Contact

Want to collaborate or have a project in mind?
Reach out via the Contact section or email me at:
priyanshupatil.dev@gmail.com

---

Built and designed by Priyanshu Patil — 2025