A modern, responsive portfolio website built with React, showcasing my skills, experience, and achievements in software development and DevOps.
- Modern UI/UX: Clean, responsive design with smooth Framer Motion animations and dual light/dark theme toggle
- Interactive Sections:
- Skills & Technologies (Python, AWS, Terraform, Kubernetes, Docker)
- Professional Experience (DevOps Engineer journey)
- Featured Projects (PulseWatch, QueryForge, CreatiVision)
- Achievements & Awards
- Blog Integration (Hashnode & Dev.to)
- Resume Download
- Contact Form (Discord webhook integration)
- React.js - Frontend framework
- Styled Components - CSS-in-JS styling
- Framer Motion - Smooth animations
- React Router - Client-side routing
- React Icons - Icon library
- Discord Webhook - Contact form backend
- Google Analytics - Traffic tracking
-
Clone the repository
git clone [your-repo-url] cd portfolio -
Install dependencies
npm install
-
Start the development server
npm start
The site will be available at
http://localhost:3000
npm run buildThis will create an optimized production build in the build folder.
Dynamic light and dark mode with consistent brand palette:
- Primary:
#00bcd4(Cyan) - Secondary:
#00e572(Vibrant Green) - Dark Mode: Deep blacks with prominent glows
- Light Mode: Soft off-whites with subtle shadows
- Desktop-first approach, ensuring a robust layout on larger screens.
- Fully responsive and optimized for seamless viewing across all devices.
- Key breakpoints at
1200px,992px,768px,600px,576px, and480pxfor refined adaptability.
- Google Analytics: Integrated for traffic tracking
- SEO Optimized: Meta tags, Open Graph, Twitter Cards
- Security: 0 vulnerabilities, Discord webhook for contact form
- Performance: Optimized animations, lazy loading ready