https://github.com/surajshinde87/portfolio
Portfolio website to showcase my journey as a full-stack developer and highlight my projects.
https://github.com/surajshinde87/portfolio
emailjs framer-motion hooks lucide-react react-scroll reactjs tailwind-css tidio-chatbot
Last synced: 27 days ago
JSON representation
Portfolio website to showcase my journey as a full-stack developer and highlight my projects.
- Host: GitHub
- URL: https://github.com/surajshinde87/portfolio
- Owner: surajshinde87
- Created: 2025-09-11T15:27:32.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-11-14T05:02:18.000Z (7 months ago)
- Last Synced: 2025-11-14T07:08:18.268Z (7 months ago)
- Topics: emailjs, framer-motion, hooks, lucide-react, react-scroll, reactjs, tailwind-css, tidio-chatbot
- Language: JavaScript
- Homepage: https://surajshindeportfolio.netlify.app/
- Size: 3.32 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Suraj Shinde - Personal Portfolio
A modern and responsive **personal portfolio website** built with React and Tailwind CSS to showcase my skills, projects, and experience as a **Full-Stack Software Developer**.
It features smooth animations, an integrated contact form with EmailJS for auto-replies, and a Tidio AI chatbot for instant communication.
---
## 🔥 Features
- ⚡ **Modern UI/UX** with responsive design
- 🎨 **Tailwind CSS** for styling
- ✨ **Framer Motion** for smooth animations
- 📜 **React Scroll** for seamless navigation
- 📩 **EmailJS** integration for contact form + auto-replies
- 🤖 **Tidio AI Chatbot** for instant user interaction
- 🔗 **Lucide React Icons** for scalable vector icons
- 📱 Fully responsive across devices
---
## 🛠️ Tech Stack
- **Frontend:** React.js, Tailwind CSS
- **Animations:** Framer Motion
- **Icons:** Lucide React
- **Scrolling:** React Scroll
- **Email Service:** EmailJS
- **Chatbot:** Tidio AI
---
## 📂 Project Structure
```bash
portfolio/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components (Hero, About, Experience, Skills, Projects, Blog Contact)
| ├── hooks/ # Manages Dark and Light Theme
│ ├── images/ # Profile & project images
│ ├── App.jsx # Main app component
│ └── main.jsx # Entry point
└── package.json