Welcome to my digital portfolio! I'm a passionate Software Developer & Analyst based in India, dedicated to creating seamless, intuitive digital experiences that blend aesthetics with functionality.

I specialize in full-stack development and product engineering, with hands-on experience building scalable applications for enterprise solutions. My journey spans from crafting beautiful UIs to architecting robust backends, always keeping the end-user experience at the forefront.

Currently, I work at Deloitte as an Analyst in Technology & Transformation, where I contribute to building Node.js and SAP Fiori applications for GRC/IDM systems. I'm passionate about solving complex problems through clean code, thoughtful design, and continuous learning.

This portfolio showcases:

• Experience - My professional journey and key achievements
• Projects - Full-stack applications I've built from scratch
• Technical Skills - Languages, frameworks, tools, and technologies I'm proficient in
• Education & Certifications - My academic background and industry certifications
• Dark & Light Mode - A theme toggle for your viewing preference

This portfolio is built with:

• React 18 - Modern UI library
• Vite - Lightning-fast build tool
• Framer Motion - Smooth animations and transitions
• Tailwind CSS & Custom CSS - Beautiful, responsive design
• Dark/Light Mode - Theme persistence with localStorage

✨ Smooth scroll animations and staggered reveals
🎨 Dark & Light theme toggle
🔗 Smooth navigation with auto-scroll
📱 Fully responsive design
✨ Interactive hover effects & transitions

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

This portfolio is deployed on GitHub Pages. To deploy your own:

npm run deploy

src/
├── components/
│   ├── Header.jsx          # Hero section with typewriter effect
│   ├── Navbar.jsx          # Navigation with theme toggle
│   ├── Education.jsx       # Academic background
│   ├── Experience.jsx      # Professional experience
│   ├── Projects.jsx        # Portfolio projects
│   ├── TechnicalSkills.jsx # Skills & technologies
│   ├── Certifications.jsx  # Certifications
│   └── SectionCard.jsx     # Reusable section wrapper
├── animations.js           # Framer Motion variants
├── ThemeContext.jsx        # Dark/Light mode context
├── App.jsx                 # Main app wrapper
└── index.css               # Global styles with theme support

1. Update Content - Edit component files in src/components/
2. Colors - Modify CSS variables in src/index.css
3. Animations - Adjust animation timings in src/animations.js
4. Theme - Toggle light/dark mode with the button in the navbar

I believe in the synergy of form and function — that great code and beautiful design should go hand-in-hand. Every project I work on is driven by:

• 🎯 Intentionality - Purpose-driven decisions
• 💡 Innovation - Exploring new technologies and patterns
• 🤝 Collaboration - Building things that matter with great teams
• 📈 Growth - Constantly learning and improving

Feel free to reach out if you'd like to collaborate or just chat about tech, design, or anything in between!

• 📧 Email: yshahil0623@gmail.com
• 💼 LinkedIn: linkedin.com/in/shahilsinghyadav
• 💻 GitHub: github.com/shahilsinghyadav

© 2026 Shahil Singh Yadav - Built with React, Vite, and a passion for great design.