Welcome to my personal portfolio! This project is built using modern web technologies to showcase my skills, projects, and experience in a clean and interactive way. It features smooth animations, responsive design, and user-friendly interactions.
🚀 Live Site: My Portfolio
- Frontend Framework: React
- Build Tool: Vite
- Styling: Tailwind CSS v4
- Animations: Framer Motion
- Routing: React Router
- Icons: Lucide React
- Form Handling: EmailJS
- Notifications: React Hot Toast
✔️ Home Section: A welcoming introduction with smooth animations.
✔️ About Section: A brief description of myself and my journey.
✔️ Skills Section: A showcase of my technical skills and tools I use.
✔️ Projects Section: Highlights of my best projects with descriptions and links.
✔️ Education Section: Details about my academic background.
✔️ Contact Section: A form to get in touch, powered by EmailJS.
✔️ Responsive Design: Optimized for all screen sizes.
✔️ Interactive Animations: Smooth transitions and effects using Framer Motion.
✔️ Toast Notifications: User-friendly feedback using React Hot Toast.
{
"@emailjs/browser": "^4.4.1",
"@tailwindcss/vite": "^4.0.1",
"framer-motion": "^12.0.6",
"lucide-react": "^0.474.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-hot-toast": "^2.5.1",
"react-icons": "^5.4.0",
"react-responsive-masonry": "^2.7.1",
"react-router": "^7.1.4",
"react-scroll": "^1.9.0",
"react-simple-typewriter": "^5.0.1",
"react-toastify": "^11.0.3",
"tailwindcss": "^4.0.1"
}
git clone https://github.com/tapader13/Portfolio_with_reactjs
cd Portfolio_with_reactjs
npm install
npm run dev
Visit http://localhost:5173 to see the project in action.
Contributions are always welcome!
- Fork the repository
- Create a new branch (
git checkout -b feature-name
) - Commit your changes (
git commit -m 'Add new feature'
) - Push to the branch (
git push origin feature-name
) - Open a Pull Request
⭐ Like this project? Give it a star on GitHub!