🌐 Modern Portfolio – React.js: Live

🎨 A sleek, responsive portfolio website built with React.js and Tailwind CSS, designed to showcase your projects, skills, and achievements in a modern and elegant way.

---

🚀 Features

• ✨ Dark & Light Mode – Eye-friendly toggle for all-day viewing
• 💻 Fully Responsive – Works beautifully on mobile, tablet, and desktop
• ⚡ Smooth Animations – Hover and floating effects for engaging UX
• 📬 Email Integration – Contact form powered by EmailJS
• 🧩 Reusable Components – Easy to customize and scale

---

🛠️ Tech Stack

Category	Technologies
Frontend	⚛️ React.js, 💨 Tailwind CSS
Tools	🧰 VS Code, Git, GitHub
Email	📧 EmailJS
Icons & Fonts	🎨 Font Awesome, Google Fonts

---

📸 Preview

---

🧩 Project Structure

modern-portfolio-react/ ├── public/ │ ├── index.html ├── src/ │ ├── components/ │ ├── assets/ │ ├── App.js │ └── index.js ├── package.json ├── package-lock.json ├── .gitignore └── README.md

---

⚙️ Installation & Setup

1️⃣ Clone this repository

git clone https://github.com/Vk02u/modern-portfolio-react.git

2️⃣ Move into the project folder

cd modern-portfolio-react

3️⃣ Install dependencies

npm install

4️⃣ Run the app locally

npm start

➡️ Your app will run on: http://localhost:3000

---

📂 Build for Production

npm run build

✅ The optimized files will be available in the /build folder.

---

💼 About the Developer

👨‍💻 Vivek Kansal Aspiring Full Stack Developer passionate about creating dynamic and scalable web applications. Skilled in React, Node.js, Express, MongoDB, and modern UI frameworks.

📧 vivekkansalvkvk@gmail.com 🔗 LinkedIn • GitHub • HackerRank

---

🌱 Featured Project – Plant Sense

🌿 Plant Sense – Smart Plant Monitoring Web Application Built using HTML, CSS, JS, Node.js, and Firebase to monitor real-time plant environment data.

• 📊 Visualizes temperature, humidity & soil moisture
• 📬 Sends alerts via Gmail API
• 🌎 Clean UI for easy monitoring