pearl-bot

byMeera

Build a world-class, modern, responsive personal portfolio website for a Software Engineer. Tech Stack: - React.js + Vite - Tailwind CSS - Framer Motion for animations - React Icons - React Router (if needed) - EmailJS for contact form - Fully responsive for mobile, tablet, and desktop - Dark/Light mode with theme toggle - Deploy-ready for GitHub Pages and Vercel Design Requirements: - Premium, clean, minimalistic, Apple-inspired UI - Glassmorphism effects - Smooth scrolling - Beautiful gradients - Animated background - Modern typography - High-quality micro interactions - Elegant hover animations - Fast loading - SEO optimized - Accessible (WCAG) Color Palette: Primary: #6366F1 Secondary: #06B6D4 Accent: #8B5CF6 Dark Background: #0F172A Light Background: #F8FAFC Portfolio Sections: 1. Hero Section - Professional photo - Name: Harshita Ramakrishna Moger - Software Engineer | Python Developer | AI Enthusiast - Animated typing effect - Short introduction - CTA buttons: - Download Resume - Contact Me - Social icons: - GitHub - LinkedIn - LeetCode - HackerRank 2. About Me Include: - Computer Science Engineering Graduate - Passionate about Python, AI, Full Stack Development - Strong problem-solving skills - Love building scalable applications - Quick learner - Interested in Software Development, AI and Backend Engineering 3. Skills Display as animated cards with progress bars. Programming - Python - JavaScript - Java Frontend - HTML - CSS - React - Tailwind CSS Backend - Node.js - Express.js - Flask - REST APIs Database - MongoDB - MySQL Tools - Git - GitHub - VS Code - Postman - Tableau 4. Experience Android App Development Internship - Expense Tracker - Java - Android SDK - GenAI Integration 5. Featured Projects Project 1 Detecting Fake Video, Image & Voice using Generative AI and Blockchain Features: - Deepfake Detection - CNN - DNN - MFCC - Blockchain Verification - Flask - Python Include: - Live Demo Button - GitHub Button Project 2 Scalable URL Shortener Tech: React Node.js Express MongoDB Features: - URL Shortening - Authentication - Copy Button - Analytics Project 3 Face Emotion Recognition Tech: Python OpenCV Deep Learning Features: - Webcam Detection - Emotion Classification - Real-time Prediction Project 4 Expense Tracker Android App Tech: Java Android SDK SQLite 6. Achievements - Python (Basic) HackerRank - Infosys Springboard Python Certification - MERN Stack Workshop - Hackathon Participant - CGPA: 9.11 7. GitHub Statistics Automatically display: - GitHub Contribution Graph - GitHub Streak - Top Languages - Total Repositories 8. Coding Profiles Cards linking to: - GitHub - LeetCode - HackerRank 9. Resume Section Download Resume button Embedded Resume Preview 10. Contact Section Fields: - Name - Email - Subject - Message Integrate EmailJS. 11. Footer Social Links Copyright Back to Top Button Animations - Framer Motion throughout - Fade animations - Slide animations - Scale on hover - Floating blobs - Cursor glow effect - Scroll progress indicator - Animated counters - Typewriter effect Extra Features - Loading screen - Custom cursor - Scroll-to-top button - Mouse-follow gradient - Particle background - Theme toggle - Project filtering - Search projects - SEO metadata - Open Graph support - Sitemap - robots.txt - Optimized images - Lazy loading - Clean folder structure - Reusable React components - Professional code comments Project Structure: src/ components/ pages/ sections/ assets/ hooks/ utils/ data/ styles/ Generate complete production-ready code with no placeholders. Ensure the website looks premium enough to impress recruiters from Google, Microsoft, Amazon, Adobe, Atlassian, IBM, TCS, Infosys, Accenture, and other top product and service companies.