🚀 Personal Portfolio Website

A modern, responsive portfolio showcasing my projects and skills

View Live Demo • Report Bug • Request Feature

---

📋 Table of Contents

• About The Project
• Built With
• Features
• Getting Started
• Project Structure
• Screenshots
• Contact
• Acknowledgments

---

🎯 About The Project

A clean, modern, and fully responsive portfolio website built with React. Designed with the Gruvbox color scheme for a warm, retro aesthetic that's easy on the eyes in both light and dark modes.

🌟 Highlights

• Beautiful UI/UX - Smooth animations and intuitive navigation
• Fully Responsive - Perfect on desktop, tablet, and mobile
• Dark/Light Theme - Gruvbox-inspired color scheme
• Fast Performance - Optimized React components
• SEO Friendly - Proper meta tags and semantic HTML

---

🛠️ Built With

Core Technologies

• Frontend Framework: React 18.x
• Styling: Custom CSS with CSS Variables
• Routing: React Router DOM
• Icons: DevIcons, Custom SVGs
• Deployment: [Your deployment platform]

---

✨ Features

🏠 Home Section

• Eye-catching hero section with gradient effects
• Smooth scroll navigation
• Call-to-action buttons

👨‍💻 About Section

• Professional introduction
• Educational background from NIT Jamshedpur
• Technical skills showcase
• Interests and hobbies

🚀 Projects Section

• CGPA Leaderboard Web App - Full-stack Flask application
• Jarvis AI Voice Assistant - Python-based voice assistant
• Personal Portfolio - This website!
• Interactive project cards with tech stack icons
• Live demo and GitHub links

📞 Contact Section

• Multiple contact methods (Email, GitHub, LinkedIn, LeetCode, Codeforces, Instagram)
• Animated social icons
• Hover effects and smooth transitions

🎨 Design Features

• Gruvbox Theme - Warm, retro color palette
• Smooth Animations - CSS transitions and transforms
• Responsive Design - Mobile-first approach
• Card-based Layout - Clean and organized
• Interactive Elements - Hover states and micro-interactions

---

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

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

2. Install dependencies

   npm install
   # or
   yarn install

3. Start the development server

   npm start
   # or
   yarn start

4. Open your browser

   Navigate to http://localhost:3000

Build for Production

npm run build
# or
yarn build

---

📁 Project Structure

portfolio/
├── public/
│   ├── index.html
│   └── favicon.ico
├── src/
│   ├── components/
│   │   ├── About/
│   │   │   ├── About.jsx
│   │   │   └── About.css
│   │   ├── Contact/
│   │   │   ├── Contact.jsx
│   │   │   └── Contact.css
│   │   ├── Home/
│   │   │   ├── Home.jsx
│   │   │   └── Home.css
│   │   ├── Projects/
│   │   │   ├── Projects.jsx
│   │   │   ├── Project.jsx
│   │   │   └── Project.css
│   │   └── Navbar/
│   │       ├── Navbar.jsx
│   │       └── Navbar.css
│   ├── App.jsx
│   ├── App.css
│   └── index.js
├── package.json
└── README.md

---

📸 Screenshots

🏠 Home Page

👨‍💻 About Section

🚀 Projects

📞 Contact

---

🎨 Color Palette (Gruvbox Theme)

Light Theme

--bg-primary: #fbf1c7
--bg-secondary: #ebdbb2
--accent-primary: #076678
--accent-secondary: #689d6a
--text-primary: #3c3836

Dark Theme

--bg-primary: #282828
--bg-secondary: #3c3836
--accent-primary: #83a598
--accent-secondary: #8ec07c
--text-primary: #ebdbb2

---

🔮 Future Enhancements

• Add blog section
• Implement animations library (Framer Motion)
• Add testimonials section
• Integrate analytics
• Add more interactive elements
• Create downloadable resume feature
• Add achievement/certification section

---

📬 Contact

Ankit Raj

Portfolio Link: [Your Live Portfolio URL]

---

🙏 Acknowledgments

• React - The amazing JavaScript library
• DevIcons - Beautiful developer icons
• Gruvbox - Inspiration for color scheme
• React Router - Navigation library
• All the open-source contributors who make learning possible

---

📄 License

Distributed under the MIT License. See LICENSE for more information.

---

⭐ Star this repo if you like it!

Made with ❤️ by Ankit Raj