A modern personal portfolio built with React, Vite, Tailwind CSS, and Framer Motion to showcase my projects, technical skills, and journey as a software engineer.
🔗 Live Demo: https://samir-shaikh.vercel.app/
I'm currently pursuing a B.Tech at Jamia Millia Islamia while actively learning full-stack development, backend engineering, and system design.
As I started building larger projects, I wanted a portfolio that could showcase not only what I've built but also how I approach software development. Instead of using a template, I built this portfolio from scratch and treated it like a real product.
The focus was on writing clean, reusable code, creating smooth user interactions, and designing an interface that feels modern while remaining fast and maintainable.
This portfolio continues to evolve as I learn new technologies and build more ambitious projects.
- Responsive design
- Smooth page animations with Framer Motion
- Interactive About section
- Filterable Projects section
- Categorized Skills section
- Functional contact form using EmailJS
- Reusable component architecture
- Modern UI with custom visual effects
- React
- Vite
- Tailwind CSS
- Framer Motion
- EmailJS
- Vercel
src/
├── assets/
├── components/
│ ├── layout/
│ └── ui/
├── sections/
├── data/
├── hooks/
├── utils/
├── motion/
├── App.jsx
└── main.jsx
Clone the repository
git clone https://github.com/SamirShaikh05/Portfolio.gitMove into the project
cd PortfolioInstall dependencies
npm installStart the development server
npm run devOpen:
http://localhost:5173
Create a .env file in the project root.
VITE_EMAILJS_SERVICE_ID=
VITE_EMAILJS_TEMPLATE_ID=
VITE_EMAILJS_PUBLIC_KEY=
While building this portfolio, I learned how to:
- Structure scalable React applications
- Build reusable UI components
- Create consistent animation systems using Framer Motion
- Balance UI polish with performance
- Improve maintainability through better project organization
- Design interfaces that feel smooth and responsive
More importantly, I learned that great user experiences come from paying attention to small details and continuously improving them through iteration.
Some ideas I plan to add in future versions:
- Project case studies
- Technical blog section
- Architecture diagrams for major projects
- Better accessibility
- More interactive visual effects
- Additional backend project demonstrations
If you'd like to connect, collaborate, or discuss software engineering, feel free to reach out.
- Portfolio: https://samir-shaikh.vercel.app/
- LinkedIn: https://linkedin.com/in/samir-shaikh-b8372a322
- GitHub: https://github.com/SamirShaikh05
Thank you for visiting my portfolio ⭐