A professional and responsive portfolio website built with React and Tailwind CSS, showcasing the work of three talented developers.
🔗 Live Demo: https://your-deployment-link.com
- Features
- Portfolio Data
- Project Structure
- Technologies Used
- Getting Started
- Customization
- Deployment
- Contributing
- License
- Acknowledgments
✅ Homepage with navigation to individual portfolio pages
✅ Individual Portfolio Pages with:
- Personal details and bio
- Education background
- Projects & achievements (minimum 3 each)
- Extra-curricular activities
- Contact info (email, GitHub, LinkedIn)
✅ React Router for seamless page navigation
✅ Shared Components (Navbar and Footer)
✅ Responsive Design using Tailwind CSS
✅ Clean Folder Structure
✅ Modern UI with smooth transitions
- About: Enthusiastic AI & Data Science student passionate about building real-world solutions with deep learning and GenAI
- Education: B.Tech in Artificial Intelligence & Data Science, VIT Pune (2021–2025)
- Projects: BreatheX, Drug Discovery using GNNs, AI Resume Evaluator
- Extra-curriculars: Podcast host at Bookwellcare, Figma Hackathon Finalist (IIT Indore)
- Contact: shreyash.mutha@gmail.com | GitHub | LinkedIn
- About: Creative web developer with an eye for design and detail, loves building UI and interactive experiences
- Education: B.Tech in Computer Engineering, VIT Pune (2021–2025)
- Projects: Portfolio Builder App, Spotify Clone, VITFest Web Portal
- Extra-curriculars: Designer at Tech Club, Core team at TEDx VIT Pune
- Contact: shrey.rai@gmail.com | GitHub | LinkedIn
- About: Backend-focused engineer with interest in scalable APIs and cloud infrastructure
- Education: B.Tech in Information Technology, VIT Pune (2021–2025)
- Projects: Hospital API System, DevOps CI/CD Pipeline, Smart Attendance System
- Extra-curriculars: GDSC Contributor, Volunteer for college events
- Contact: omkar.shinde@gmail.com | GitHub | LinkedIn
src/
├── components/
│ ├── Navbar.jsx # Shared navigation component
│ └── Footer.jsx # Shared footer component
├── pages/
│ ├── Home.jsx # Homepage with developer overview
│ ├── ShreyashPortfolio.jsx
│ ├── ShreyRaiPortfolio.jsx
│ └── OmkarPortfolio.jsx
├── App.js # Main app with routing
├── index.js # Entry point
└── index.css # Tailwind CSS and custom styles
- React 18 – Frontend library
- React Router DOM – Client-side routing
- Tailwind CSS – Utility-first CSS framework
- @tailwindcss/typography – Typography plugin
- Inter Font – Clean and modern Google Font
- Node.js (v14 or higher)
- npm or yarn
# Clone the repository
git clone https://github.com/<your-username>/portfolio-hub.git
cd portfolio-hub
# Install dependencies
npm install
# Start the development server
npm startOpen http://localhost:3000 in your browser to view the app.
- Create a component in
src/pages/ - Follow the structure of existing portfolios
- Add a route in
App.js - Update the
Navbar.jsxwith a link to the new portfolio
- Customize
tailwind.config.js - Use Tailwind classes or add custom styles to
index.css - Import new fonts or adjust theme colors as needed
npm run buildThis will create a build/ folder with optimized static files.
- Netlify: Drag & drop the
buildfolder - Vercel: Connect the GitHub repo and deploy
- GitHub Pages: Use
gh-pagespackage - AWS S3 / Firebase: Upload contents of
build/
Add screenshots inside
/screenshotsfolder and reference them below
- Fork this repository
- Create a branch:
git checkout -b feature/your-feature - Make your changes
- Commit:
git commit -m "Add feature" - Push:
git push origin feature/your-feature - Open a Pull Request
This project is licensed under the MIT License. See the LICENSE file for more information.
- Unsplash – for images
- Tailwind CSS
- React
- All developers featured in the portfolio
Built with ❤️ by Shreyash, Shrey, and Omkar using React & Tailwind CSS.