A modern, responsive portfolio website built with React, Vite, and Tailwind CSS.
- Node.js (v16 or higher)
- npm or yarn
- Install dependencies:
npm install- Run the development server:
npm run dev- Open your browser and visit
http://localhost:5173
npm run buildThe built files will be in the dist folder.
npm run preview- React 18 - UI library
- Vite - Build tool and dev server
- Tailwind CSS - Utility-first CSS framework
- Lucide React - Beautiful icon library
src/
├── components/
│ ├── Hero.jsx # Landing section with contact info
│ ├── Summary.jsx # Professional summary
│ ├── Skills.jsx # Technical skills
│ ├── Experience.jsx # Work experience
│ ├── Education.jsx # Educational background
│ ├── Projects.jsx # Featured projects
│ └── Footer.jsx # Footer with social links
├── App.jsx # Main app component
├── main.jsx # React entry point
└── index.css # Global styles
- Fully responsive design
- Modern gradient backgrounds
- Smooth hover animations
- Accessible components
- SEO-friendly
- Performance optimized
To customize the portfolio with your own information, edit the component files in the src/components directory.
MIT License - feel free to use this template for your own portfolio!