Welcome to my personal portfolio website! This project showcases my skills, experience, and projects as a Full Stack Developer. It's built with modern web technologies to ensure performance, responsiveness, and a seamless user experience.
- Modern UI/UX: Clean and professional design using Tailwind CSS.
- Interactive Animations: Smooth transitions and effects powered by GSAP.
- Responsive Design: Fully optimized for all devices (Mobile, Tablet, Desktop).
- Type Safety: Built with TypeScript for robust and maintainable code.
- Fast Performance: Powered by Vite for lightning-fast development and build times.
- Dynamic Content: Sections for Hero, About, Skills, Projects, and Contact.
- Frontend: React (v19), TypeScript
- Styling: Tailwind CSS (v4), clsx, tailwind-merge
- Animations: GSAP (GreenSock Animation Platform), lenis (Smooth Scrolling)
- Icons: Lucide React, React Icons
- Build Tool: Vite
- Linting: ESLint
src/
├── components/ # Reusable UI components
│ └── sections/ # Page sections (Hero, About, Projects, etc.)
├── data/ # Static data (portfolio content, skills, etc.)
├── lib/ # Utility functions
├── styles/ # Global styles
├── App.tsx # Main application component
└── main.tsx # Entry pointFollow these steps to set up the project locally on your machine.
Make sure you have Node.js installed.
-
Clone the repository:
git clone https://github.com/your-username/protfolio.git cd protfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
Open http://localhost:5173 in your browser.
npm run dev: Starts the development server.npm run build: Compiles TypeScript and builds the app for production.npm run lint: Runs ESLint to check for code quality issues.npm run preview: Previews the production build locally.
Feel free to reach out to me!
- Email: vaibhavghildiyal2101@gmail.com
- LinkedIn: Vaibhav Ghildiyal
- GitHub: Vaibhav Ghildiyal
Made with ❤️ by Vaibhav Ghildiyal