Shishir Srivastav - AI-Powered Developer Portfolio

A cutting-edge portfolio featuring AI-powered chatbot, cyberpunk aesthetics, and dynamic content management. Built with modern web technologies and deployed securely across multiple platforms.

✨ Features

🎨 Design & Aesthetics

• Cyberpunk Theme - Neon colors, glass morphism effects, and futuristic styling
• Matrix Rain Effect - Animated background with theme-adaptive visibility
• Glass Morphism - Glossy transparent sections with backdrop blur effects
• Responsive Design - Mobile-first approach with seamless device adaptation

🤖 AI-Powered Chatbot

• Intelligent Assistant - Interactive AI chatbot with contextual responses
• Secure Deployment - API keys protected via environment variables
• Multi-platform Support - Works on Vercel (full features) and GitHub Pages (disabled for security)
• Dynamic Responses - Provides information about skills, projects, and experience

🎭 Interactive Experience

• Dark/Light Mode - Smooth theme transitions with persistent preferences
• Featured Projects - Cyberpunk-styled project cards with hover effects
• Dynamic Content - Everything configured through config.json without code changes
• Smooth Animations - Engaging transitions and micro-interactions

🔒 Security & Performance

• Secure API Handling - Environment variable injection for safe deployment
• Performance Optimized - Vanilla JavaScript with efficient loading
• Modular Architecture - ES6 modules with clean separation of concerns
• SEO Optimized - Dynamic meta tags and structured data

🚀 Deployment Options

GitHub Pages (Static)

• URL: https://Shishir420-GIT.github.io
• Features: Full portfolio without chatbot (security-focused)
• Setup: Automatic deployment from main branch

Vercel (Recommended)

• URL: shishirsrivastav.vercel.app
• Features: Complete experience with AI chatbot
• Setup: Connect repository + add environment variables

🔧 Quick Setup

For Vercel Deployment (Full Features):

1. Fork this repository
2. Connect to Vercel and import the project
3. Add Environment Variables in Vercel Dashboard:

   GEMINI_API_KEY=your_gemini_api_key_here
   

4. Deploy - Chatbot will work automatically!

For Local Development:

1. Clone the repository

   git clone https://github.com/Shishir420-GIT/Portfolio.git
   cd Portfolio

2. Create .env file (copy from .env.example)
3. Add your API key to .env
4. Open index.html in your browser

📈 GitHub Stats

🤝 Connect

Let's connect and build something amazing together! 🚀

• 🌐 Portfolio: https://Shishir420-GIT.github.io
• 💻 GitHub: https://github.com/Shishir420-GIT
• 🔗 LinkedIn: https://www.linkedin.com/in/shishir-srivastav

---

Next plan is to move to a mordern framework. Based on portfolio template originally created by Yashraj Nayak