My Portfolio

Live Demo

---

Overview

This is my personal portfolio website.A Full Stack Developer and AI/ML Enthusiast.
It’s designed to showcase my skills, projects, and certificates in a modern and responsive layout.

The portfolio features:

• Hero section with Lottie animation.
• Letter-by-letter animated name.
• Smooth animations across sections.
• Glassmorphic design with Tailwind CSS.

---

Features

Hero Section

• Eye-catching Lottie animation (large, fullscreen).
• Animated name with staggered letters.
• Social media links (LinkedIn, GitHub, Resume).
• Call-to-action button to Projects section.

About Me

• Introduction, skills, education, and experience.
• Clean layout with subtle entrance animations.

Projects

• Project cards with hover lift and shadow effects.
• Tech stack & description for each project.

Certificates

• Certificate cards with hover lift and zoom in features.
• Added a button Explore All Certificates, which navigates to my LinkedIn profile.

Contact

• Email, LinkedIn, GitHub links.
• Contact form.

Responsiveness & Dark Mode

• Fully responsive for mobile, tablet, and desktop.
• Dark mode supported via Tailwind CSS classes.

---

Tech Stack

• Frontend: React.js, Tailwind CSS, Framer Motion, React Icons, Lottie React
• Build Tools: Vite, Node.js, npm

---

NPM Packages Installed

npm install react
npm install react-dom
npm install tailwindcss
npm install framer-motion
npm install react-icons
npm install lucide-react
npm install lottie-react
npm install emailjs
npm install @emailjs/browser

---

Folder Structure

Portfolio/
├─ node_modules/
├─ public/
├─ src/
│  ├─ assets/         # Lottie animation, favicon.
│  ├─ components/     # Hero.jsx, About.jsx, Projects.jsx, Certificates.jsx, and Contact.jsx
│  ├─ App.jsx
│  ├─ main.jsx
│  └─ index.css
├─ package.json
├─ tailwind.config.js
├─ vite.config.js
└─ README.md

---

Getting Started Locally

1.Clone the repository

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

2.Install dependencies

npm install

3.Run development server

npm run dev

4.Open in browser

Visit http://localhost:5173 to see your portfolio live locally.

---

Customization Notes

• Animations: Framer Motion handles fade-ins, slide-ins, and Hero animation.
• Colors & Dark Mode: Tailwind CSS classes handle the light/dark themes.
• Adding Projects: Add new project cards in Projects.jsx and update images and descriptions in assets/.

---

Netlify Badge

---

🙋‍♂️ Author

Rohith Reddy.G.K
🔗 GitHub Profile
🔗 LinkedIn Profile

---

🌟 **If you like my portfolio, give it a ⭐ **