🌿 Plant Care Tracker

Welcome to Plant Care Tracker — a responsive web application designed to help plant lovers monitor, manage, and track the care routines of their plants with ease. Whether you're a beginner or a seasoned plant parent, this app helps ensure your plants thrive.

🔗 Live Website: https://assigned10-plant-care-tracker.web.app/

---

✨ Features

• ✅ User Authentication & Authorization

  • Secure login system using Firebase.
  • Private routes protected via react-router.

• 🌗 Dark/Light Theme Toggle

  • Built-in support for dark and light modes with real-time switching using daisyUI.

• 📦 Fully Responsive Design

  • Optimized layouts for mobile, tablet, and desktop views with Tailwind CSS.

• 🌱 Dynamic Plant Care Management

  • Track watering, fertilizing, and sunlight schedules for each plant.
  • Add/edit/delete plants and care logs stored in MongoDB using Axios API.

• 🎯 Enhanced UX with Modern Tools

  • Smooth transitions using sweetalert2 for user feedback.
  • Iconography via react-icons.
  • Carousel/slider support using swiper.js or similar.

---

🛠️ Built With

• React
• React Router DOM
• Firebase Auth
• Axios
• MongoDB (via a backend API)
• Tailwind CSS + DaisyUI
• Environment Variables for sensitive config
• SweetAlert2
• React Icons
• Dark/Light Theme Toggle

---

🔐 Security

• Environment variables (.env and .env.local) are used to store sensitive Firebase and API credentials.
• Only authorized users can add or modify plant care information.

---

📱 Responsive Views

Tested across major screen sizes:

• 📱 Mobile
• 💻 Desktop
• 📲 Tablets