A modern, high-performance portfolio website built with Astro and React, featuring interactive components, smooth animations, and a stunning glassmorphic design. Showcases my full-stack development skills, open-source contributions, and project leadership experience.
Frontend Framework
- Astro 5.14 - Modern static site builder
- React 19 - Interactive UI components
- TypeScript - Type-safe development
- Tailwind CSS 4.1 - Utility-first styling
Key Libraries & Tools
- Vite - Fast build tooling
- FormSubmit - Contact form handling
- Git & GitHub - Version control
Development Features
- Component-based architecture
- Mobile-first responsive design
- Touch gesture support for mobile devices
- Custom CSS animations and transitions
- Optimized asset loading
My-Portfolio/
├── src/
│ ├── components/ # React components
│ │ ├── Hero.tsx # Hero section with contact info
│ │ ├── About.tsx # About section with skills
│ │ ├── Projects.tsx # Project carousel
│ │ ├── Contact.tsx # Contact form
│ │ ├── Navigation.tsx
│ │ ├── Footer.tsx
│ │ └── Main.tsx
│ ├── layouts/
│ │ └── Layout.astro # Main layout wrapper
│ ├── pages/
│ │ └── index.astro # Homepage
│ ├── styles/
│ │ └── global.css # Global styles & utilities
│ └── assets/ # Static assets
├── public/
│ ├── resume.pdf # Downloadable resume
│ └── favicon.svg
├── astro.config.mjs # Astro configuration
├── tailwind.config.js # Tailwind configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Dependencies
- 📧 Email: abhaypratap.yadav@adypu.edu.in
- 💼 LinkedIn: Abhay Pratap Yadav
- 🌟 GitHub: QUBITABHAY