🚀 Hariom Khonde - Personal Portfolio

Welcome to my personal portfolio repository! This project showcases my skills, projects, and experiences in an interactive and aesthetically pleasing manner.

🌟 Features

• Black-themed UI with creative animations ✨
• Fully responsive design for both desktop and mobile 📱
• Smooth animations & modern typography 🎨
• Dynamic sections including:
  • Landing Page
  • About Me
  • Projects
  • Skills
  • Resume
  • Testimonials
  • Blog (Optional)
  • Contact
• Interactive elements to enhance user experience 🎭

🛠️ Tech Stack

• Frontend: React.js, TypeScript, Tailwind CSS
• Backend: Node.js, Express.js (if needed)
• Other: Framer Motion for animations, Firebase for authentication (if applicable)

📂 Project Structure

/home/project/
├── public/
│   └── vite.svg
├── src/
│   ├── components/
│   │   ├── About.tsx         # About section with animated stats and experience cards
│   │   ├── Contact.tsx       # Contact form with social links
│   │   ├── Footer.tsx        # Footer with quick links and social icons
│   │   ├── Hero.tsx          # Landing section with animated intro
│   │   ├── Navigation.tsx    # Responsive navbar
│   │   ├── Projects.tsx      # Project showcase with hover effects
│   │   ├── Resume.tsx        # Resume section with download option
│   │   └── Skills.tsx        # Skills section with progress bars
│   ├── App.tsx               # Main app component
│   ├── index.css             # Global styles and animations
│   ├── main.tsx              # Entry point
│   └── vite-env.d.ts         # TypeScript declarations
├── eslint.config.js          # ESLint configuration
├── index.html               # HTML entry point
├── package.json             # Project dependencies and scripts
├── postcss.config.js        # PostCSS configuration
├── tailwind.config.js       # Tailwind CSS configuration
├── tsconfig.app.json        # TypeScript config for app
├── tsconfig.json            # Main TypeScript config
├── tsconfig.node.json       # TypeScript config for Node
└── vite.config.ts          # Vite configuration

🚀 Getting Started

Prerequisites

• Node.js & npm installed

Installation

git clone https://github.com/your-username/portfolio.git
cd portfolio
npm install

Running the Project

npm run dev  # Starts the development server

Building for Production

npm run build

📬 Contact

Feel free to reach out!

• Portfolio: [your-portfolio-link]
• LinkedIn: [Hariom-Khonde]
• GitHub: [Hariom-Khonde]
• Email: hariomkhonde@gmail.com

---

🚀 Built with passion & creativity by Hariom Khonde.