Skip to content

README.md

Latest commit

 

History

History
107 lines (78 loc) · 2.78 KB

README.md

File metadata and controls

107 lines (78 loc) · 2.78 KB

💼 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_with_reactjs
cd Portfolio_with_reactjs

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!