Portfolio_React Tailwind Templates

Portfolio_react

A sleek portfolio built with Vite, React, Tailwind CSS, Framer Motion, and React Router. Features EmailJS, contact form, Lucide icons, and React Hot Toast. Includes Home, About, Skills, Projects, Education, and Contact sections.

💼 My Portfolio

🌟 Overview

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 Demo

🚀 Live Site: My Portfolio


📸 Screenshot

Portfolio Screenshot


🛠️ Technologies Used

  • 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

✨ Features

✔️ 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.


📦 Dependencies

Production Dependencies

{
  "@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"
}

🛠️ Getting Started (Run Locally)

1️⃣ Clone the Repository

git clone https://github.com/tapader13/Portfolio_React.git
cd portfolio

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

4️⃣ Open in Browser

Visit http://localhost:5173 to see the project in action.


🤝 Contributing

Contributions are always welcome!

  1. Fork the repository
  2. Create a new branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m 'Add new feature')
  4. Push to the branch (git push origin feature-name)
  5. Open a Pull Request

⭐ Like this project? Give it a star on GitHub!

Top categories

Loading Svelte Themes