Plant Care Tracker is a modern and responsive web application designed to help users discover, track, and care for various plants. Whether you are a beginner or an expert gardener, this platform makes plant care easier and more enjoyable.
Experience the app live and explore all its features here:
🌿 Plant Care Tracker Live Site
- 🌱 Plant Explorer: Browse and discover a wide variety of plant species with detailed descriptions and images.
- 🔍 Search Functionality: Easily find your favorite plants or explore by categories.
- 🧑💼 Admin Panel: Admin-only access to manage plant entries, user interactions, and content updates.
- 🔐 Authentication: Secure login and registration using Firebase (Email/Password & Google).
- 📝 User Reviews & Ratings: Authenticated users can leave reviews and rate plants, with data stored securely in MongoDB.
- Frontend: React, Tailwind CSS
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: Firebase Auth
- Routing: React Router DOM
- Hosting: Firebase Hosting
{
"dependencies": {
"@emotion/react": "^11.11.4",
"firebase": "^10.11.1",
"localforage": "^1.10.0",
"match-sorter": "^6.3.4",
"react": "^18.2.0",
"react-awesome-reveal": "^4.2.8",
"react-dom": "^18.2.0",
"react-icons": "^5.1.0",
"react-router-dom": "^6.23.0",
"react-toastify": "^10.0.5",
"react-tooltip": "^5.26.4",
"sort-by": "^1.2.0",
"sweetalert2": "^11.10.8",
"swiper": "^11.1.1"
}
}
Clone the repository:
git clone https://github.com/nazmulrahat786/plant-care-tracker.git
cd plant-care-trackerInstall dependencies:
npm install
🚀 Start the development server:
npm run dev
🌐 Open your browser and visit:
http://localhost:5173
- 📂 GitHub Repository: https://github.com/nazmulrahat786/plant-care-tracker