Skip to content

This is a fully responsive personal portfolio website built using Next.js 14 and styled with CSS Modules. It features dynamic animated backgrounds, project showcases, contact form, resume download, and a detailed skills section. The app uses Framer Motion for animations, React Icons for tech logos, and is deployed on Netlify.

Notifications You must be signed in to change notification settings

piyabhalla/piya-portfolio

Repository files navigation

💫 Piyafolio – Personal Portfolio Website

🚀 Live Site: https://piyafolio.netlify.app

🛠 Tech Stack

  • Framework: Next.js 14 (App Router)
  • Styling: CSS Modules + Media Queries for responsive design
  • Animations: Framer Motion
  • Icons: React Icons
  • Hosting: Netlify
  • Version Control: Git & GitHub

📁 Project Structure

  • /app – Pages: Skills, Projects, Contact, Resume, Home
  • /public – Static assets (profile image, resume PDF)
  • /styles – Global CSS (globals.css)

✅ Features

  • ⚡ Fully mobile responsive
  • 🎨 Vibrant pastel neon animated backgrounds
  • 🧠 Skills & Projects displayed in grid layout
  • 📬 Contact form with styled inputs
  • 📄 Resume PDF download
  • 🧭 Sidebar navigation & animated transitions

📌 Deployment

Deployed using Netlify with build command:

npm run build && npm run start

About

This is a fully responsive personal portfolio website built using Next.js 14 and styled with CSS Modules. It features dynamic animated backgrounds, project showcases, contact form, resume download, and a detailed skills section. The app uses Framer Motion for animations, React Icons for tech logos, and is deployed on Netlify.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published