Parva Patel .dev

AI/ML Engineer & Data Scientist

Welcome to the source code of my personal portfolio website! This project is a modern, responsive, and highly interactive platform designed to showcase my journey, skills, and projects in Deep Learning, Machine Learning, and Data Science.

✨ Features

• Dark & Modern Aesthetic: A custom, glossy glassmorphism theme designed to look premium and sleek.
• Micro-Interactions: Smooth scroll handling, interactive hover states, and staggered revealing components for an engaging user experience.
• Framer Motion Animations: High-performance, declarative animations that bring the UI to life (e.g., floating badges, animated progress bars, background glows).
• Fully Responsive: Carefully tuned layouts ensuring the portfolio looks perfect on high-resolution desktops, tablets, and mobile devices.
• Accessible & SEO-Friendly: Built on top of robust Next.js standards for strong SEO and semantic HTML.

🚀 Tech Stack

• Framework: Next.js 15 (App Router)
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript
• Package Manager: npm

📂 Project Structure

• src/app/: Contains the Next.js page structure, global CSS, and layout configurations.
• src/components/: Reusable, modular UI components:
  • Navbar.tsx - Sticky navigation with smooth scrolling.
  • Hero.tsx - First impression section with dynamic backgrounds and CTAs.
  • About.tsx - Detailed bio connecting academic background to ML ambitions.
  • Skills.tsx - Animated skill bars dynamically categorized.
  • Projects.tsx - Hover-expandable cards detailing tech stacks and achievements.
  • Experience.tsx - Timeline view for leadership roles and course certifications.
  • Contact.tsx - Reach-out form and embedded social platform links.
• public/: Static assets such as my profile photo and resume PDF.

💻 Running Locally

To run this project on your own machine, follow these steps:

1. Clone the repository:

   git clone https://github.com/Parvapatel1234/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. View the application: Open http://localhost:3000 with your browser to see the result.

📬 Contact & Connect

I'm currently seeking internship opportunities where I can contribute to meaningful Machine Learning and AI projects. Feel free to connect!

• Email: parva972008@gmail.com
• LinkedIn: linkedin.com/in/parva-patel-129b5b368
• GitHub: github.com/Parvapatel1234

---

Designed and built by Parva Patel