🌌 Ishi Bhavsar - Portfolio

A modern, responsive portfolio showcasing my journey as a Full Stack Developer and XR Enthusiast. Built with React, TypeScript, and styled with a custom "Deep Space" color theme.

✨ Features

• 🎨 Deep Space Theme - Custom color palette with Space Indigo, Dusty Grape, Lilac Ash, Almond Silk, and Parchment
• 📱 Fully Responsive - Optimized for all devices
• ⚡ Smooth Animations - Powered by Framer Motion
• 🚀 Fast Performance - Built with Vite
• 🎯 Sections:
  • Hero with animated background blobs
  • About with skill cards
  • Featured Projects with live demos
  • Hackathon Achievements
  • Professional Certificates
  • Contact information

🛠️ Tech Stack

• Framework: React 19 with TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS (CDN)
• Animations: Framer Motion
• Icons: Lucide React
• Deployment: Vercel

🎨 Color Scheme

Color Name	Hex Code	Usage
Space Indigo	#22223b	Primary background, dark elements
Dusty Grape	#4a4e69	Cards, secondary surfaces
Lilac Ash	#9a8c98	Body text, muted accents
Almond Silk	#c9ada7	Primary buttons, highlights
Parchment	#f2e9e4	Headings, high contrast text

🚀 Quick Start

Prerequisites

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

Installation

1. Clone the repository:

git clone https://github.com/Ishibhavsar/Portfolio.git
cd Portfolio

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser

📦 Build for Production

npm run build

The optimized build will be in the dist folder.

🌐 Deployment

This portfolio is deployed on Vercel. To deploy your own:

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Deploy automatically

📂 Project Structure

Portfolio/
├── components/
│   ├── About.tsx
│   ├── Achievements.tsx
│   ├── Certificates.tsx
│   ├── Contact.tsx
│   ├── Footer.tsx
│   ├── Hero.tsx
│   ├── Navbar.tsx
│   ├── Projects.tsx
│   └── ScrollProgress.tsx
├── Certificate/          # PDF certificates
├── App.tsx
├── index.html
├── index.tsx
├── types.ts
├── vite.config.ts
└── package.json

🎯 Featured Projects

1. College Bus Tracker - Real-time GPS tracking with Socket.io (Live Demo)
2. XR Educational Simulations - Immersive 3D biology simulations (View)
3. IgniteX Job Portal - Full-stack MERN job platform (Live Demo)

🏆 Achievements

• 🥈 NASA Space Apps Challenge 2025 - Runner Up (Cosmic Canvas) - Live
• 🎖️ Smart India Hackathon 2025 - Participant (Gamified STEM Platform) - Demo
• 🎖️ Hack4Delhi - Participant (MCD Smart Parking System) - Live

📜 Certifications

• 🐧 RHCSA - Red Hat Certified System Administrator
• 🤖 IBM SkillsBuild - AI & ML Internship
• 🔒 Deloitte - Cyber Security Job Simulation
• 💻 C++ Programming - Simplilearn
• 📊 SQL Fundamentals - Database management
• 🎓 GeeksforGeeks - Technical proficiency certification
• 🌐 API Development - Beginner learning path

💼 Skills

Languages: C, C++, Python, JavaScript, TypeScript
Web Technologies: React.js, Node.js, Express.js, Socket.io
Database: MongoDB, Mongoose
Extended Reality: EON XR, Blender, Unity
System Admin: Linux (RHEL), Bash
Tools: Git, Leaflet, Vite

📧 Contact

• Email: ishibhavsar41@gmail.com
• LinkedIn: linkedin.com/in/ishi-bhavsar
• GitHub: github.com/Ishibhavsar
• Location: Udaipur, Rajasthan, India

📄 License

This project is open source and available under the MIT License.

---

Built with ❤️ by Ishi Bhavsar

Made with React, Tailwind CSS & Framer Motion

Open to Opportunities - Full Stack Development & XR