Welcome to my professional portfolio! This project showcases my journey, skills, and projects as a Frontend Developer. It's designed to be a modern, interactive, and high-performance showcase of my work.
Live Demo: yashkamble.netlify.app
This portfolio is a single-page application built with React and styled with Tailwind CSS. It features smooth animations powered by GSAP and provides a seamless user experience across all devices.
- Hero: A visually striking introduction.
- About Me: A brief overview of my professional background.
- Skills: A comprehensive list of my technical expertise.
- Experiences & Internships: A timeline of my professional journey.
- Projects: A gallery of my featured work with live and GitHub links.
- Contact: A way to get in touch with me directly.
- Responsive Design: Fully optimized for mobile, tablet, and desktop.
- Dark Mode Support: Smooth transitions between light and dark themes.
- Interactive Animations: Leveraging GSAP for engaging UI/UX.
- Dynamic Content: Projects and experiences are managed through a structured data layer.
- Performance Optimized: Lazy loading of components for faster initial load times.
- Asset Management: High-quality images hosted on Cloudinary for optimization.
- Frontend Framework: React
- Styling: Tailwind CSS, Bootstrap
- Animations: GSAP, Swiper, Slick Carousel
- Icons: FontAwesome
- UI Components: Shadcn UI
- Routing & Scrolling: React Scroll
- Deployment: Netlify
src/
├── components/ # Shared components
│ ├── layout/ # Layout-level components (Header, etc.)
│ └── ui/ # Reusable UI primitives (Buttons, Toggles)
├── config/ # Global configuration and constants
├── data/ # Data layers for projects, skills, and experiences
├── features/ # Feature-based modules (Domain-driven)
│ ├── about/ # About Me section
│ ├── contact/ # Contact and Resume components
│ ├── experience/ # Work experience timeline and cards
│ ├── hero/ # Landing section
│ ├── internships/ # Internship showcase
│ ├── projects/ # Project gallery and cards
│ └── skills/ # Skills visualization
├── hooks/ # Custom React hooks (e.g., useScrollReveal)
├── App.js # Main application entry point
└── index.js # DOM rendering entry point
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/Knight9876/portfolio.git
- Navigate to the project directory:
cd portfolio - Install dependencies:
npm install
npm startThe app will be available at http://localhost:3000.
A cutting-edge eCommerce platform for tech enthusiasts.
A sleek desktop music player built with Electron.
- Tech: Electron, React, TypeScript.
- LinkedIn: Yash Kamble
- GitHub: @Knight9876
- Twitter: @yashkamble008
- Email: yashkamble824@gmail.com
Made with ❤️ by Yash Kamble