Personal Portfolio Website

A high-performance, responsive developer portfolio built using React and modern frontend tooling, designed to showcase projects, technical skills, and production experience.

The site focuses on performance, animation smoothness, and SEO optimization while maintaining a clean and minimal UI.

---

🚀 Key Features

• Fully responsive layout (mobile + desktop)
• Lighthouse SEO score: 91+
• Lighthouse Best Practices score: 100
• 60fps animation rendering using Framer Motion & GSAP
• Smooth scroll transitions and section-based navigation
• Optimized asset loading for faster first paint
• Deployed on Vercel with automatic CI/CD on push

---

🏗 Architecture Overview

Frontend

• React.js (Functional Components + Hooks)
• Tailwind CSS for utility-first styling
• Framer Motion for UI transitions
• GSAP for advanced timeline-based animations
• React Router for client-side navigation

Performance Optimizations

• Memoization using useMemo and useCallback where required
• Lazy loading for non-critical sections
• Optimized image sizes
• Reduced layout shifts for better CLS scores
• Minimal dependency footprint

---

🎨 Design Philosophy

• Minimal and readable typography
• Clear hierarchy and visual spacing
• Subtle motion to enhance UX without distracting users
• Developer-focused content clarity

The goal was to build a portfolio that reflects engineering discipline — not just visual aesthetics.

---

🛠 Tech Stack

• React.js
• Tailwind CSS
• Framer Motion
• GSAP
• JavaScript (ES6+)
• Vercel Deployment

---

🌐 Live Demo

Live: https://akshatjainn.vercel.app
GitHub: https://github.com/fiercfly/portfolioWebsite

---

📦 Installation

npm install
npm start