Personal Portfolio Website

Welcome to my portfolio website repository! This site showcases my projects and skills in web development.

🌐 Live Site: ksanjeev284.github.io

🚀 Featured Projects

Web Tools & Utilities

• Indian AQI Checker: Real-time Air Quality Index checker for Indian cities
• Image Compressor: Efficient online tool to compress and resize images
• AI Weather Checker: AI-powered weather application with natural language processing
• Reddit Post Viewer: Clean and efficient Reddit post browser

Games

• Nokia Snake 3D: 3D remake of the classic Nokia Snake game using Three.js
• Pixel Runner: Retro-style endless runner game with pixel art graphics
• 3D 2048 Game: 3D version of the classic 2048 puzzle game
• Bounce Game: Physics-based bounce game with challenging levels

Financial Tools

• CTC Calculator: Comprehensive Cost to Company calculator for Indian employees
• SIP Calculator: Systematic Investment Plan calculator with growth projections
• Live Crypto Profit Calculator: Real-time cryptocurrency profit/loss calculator
• Bitcoin Time Machine: Calculate potential returns from historical Bitcoin investments

AI & Entertainment

• AI Job Board: AI-powered job board with smart job matching
• Valorant Trivia: Interactive quiz game about Valorant
• Anime Manga Recommendations: Personalized anime and manga recommendation system
• YouTube to Spotify Converter: Convert YouTube playlists to Spotify playlists

🛠️ Built With

• Framework: Astro
• 3D Graphics: Three.js
• Styling: Custom CSS with responsive design
• Deployment: GitHub Pages
• CI/CD: GitHub Actions
• Screenshot Generation: Puppeteer

✨ Features

• 🎨 Modern and responsive design
• 📱 Mobile-friendly interface
• 🖼️ High-quality project thumbnails
• 🚀 Fast performance
• 🔍 SEO optimized
• 🌙 Dark mode support
• 🎮 Interactive 3D background
• 📂 Organized project categories
• 🏷️ Project tagging system

🔧 Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

# Generate project screenshots
node scripts/take-screenshots.js

📝 Environment Variables

Create a .env file in the root directory with the following variables:

PUBLIC_GITHUB_TOKEN=your_github_token_here

📬 Contact

Feel free to reach out if you have any questions or just want to connect!

• GitHub: @ksanjeev284