Welcome to the source code of my personal React portfolio website — a modern, fast, and interactive showcase of my work as a Frontend Developer.
This site highlights my projects, skills, and creative approach to building responsive web applications with a focus on UI/UX excellence, performance, and innovation.
- 🎨 Modern UI/UX – Clean, minimal, and aesthetic design using Tailwind CSS.
- ⚛️ React + Context API – Efficient state management for smooth performance.
- ⚡ Lazy Loading & Code Splitting – Optimized routing using React.lazy and Suspense.
- 📱 Fully Responsive – Works seamlessly on desktop, tablet, and mobile devices.
- 🧩 Reusable Components – Modular and scalable structure for easy updates.
- 🎬 Smooth Animations – Framer Motion for page transitions and micro-interactions.
- 📸 Dynamic Projects Section – Displays all projects with hover preview and details page.
- 📧 Contact Form with Email Integration – Sends messages directly to your email.
- 🔍 SEO Ready – Meta tags, social preview, and optimized content structure.
| Category | Technologies |
|---|---|
| Frontend | React.js, React Router DOM |
| Styling | Tailwind CSS, SCSS |
| Animations | Framer Motion |
| State Management | React Context API |
| Form Handling | React Hook Form |
| Deployment | Netlify / Vercel |
| Version Control | Git & GitHub |
Follow these simple steps to run the project locally:
# Clone the repository
git clone https://github.com/pranaymasulkar/pranaymasulkar.git
# Navigate into the folder
cd react-portfolio
# Install dependencies
npm install
# Start the development server
npm run dev
├── public/ │ ├── pranay_masulkar.png │ ├── favicon.ico │ └── index.html ├── src/ │ ├── components/ │ │ ├── common/ │ │ │ ├── HeaddingWithStar.jsx │ │ │ ├── LineCard.jsx │ │ │ ├── Loadder.jsx │ │ │ └── StarImage.jsx │ ├── context/ │ │ └── MyDataContex.jsx │ ├── pages/ │ │ ├── Home.jsx │ │ ├── About.jsx │ │ ├── Contact.jsx │ │ ├── Works.jsx │ │ └── ProjectDetails.jsx │ ├── routes/ │ │ └── MainRoutes.jsx │ ├── App.jsx │ ├── index.jsx │ └── styles/ │ └── global.css └── package.json
You can easily deploy this portfolio using: • Vercel → https://vercel.com • Netlify → https://www.netlify.com
Steps (for Netlify) 1. Run npm run build 2. Drag the /build folder to Netlify Drop: https://app.netlify.com/drop 3. Your live site is ready!
Pranay Masulkar Frontend Developer – Nagpur, India
👉 💼 www.pranaymasulkar.com 👉 🐙 GitHub 👉 📧 LinkedIn 👉 📧 Instagram