Skip to content
/ piya-portfolio Public

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.

piyafolio.netlify.app/
1 star 0 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

piyabhalla/piya-portfolio

BranchesTags

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.

piyafolio.netlify.app/

Resources

Readme
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages