Live Demo: https://practice-firebase-auth-9e8cd.web.app
LeafTrack is a modern web application designed to help plant enthusiasts manage and track their plants with ease. Users can add, update, and delete plants, view all plants in a clean interface, and manage their personal plant collection with secure authentication.
- User Authentication: Secure sign-in and sign-up powered by Firebase Authentication.
- Add & Manage Plants: Users can add new plants with details like name, category, watering frequency, and health status.
- Personalized Dashboard: View and manage your own plants in a dedicated “My Plants” section.
- Responsive Design: Fully responsive UI that works seamlessly on mobile devices and desktops.
- Real-time Data Handling: Smooth data fetching and updates with visual loading indicators.
##Main Technologies Used
Frontend: React (Vite or Create React App), React Router
Backend: Node.js, Express
Database: MongoDB (Atlas or self-hosted)
Authentication: Firebase Authentication (email/password, Google, etc.)
Styling: Tailwind CSS (or plain CSS)
HTTP client: Axios
Image uploads: ImgBB (client-side upload)
Form handling: React Hook Form
##Dependencies
Server (example)
express
mongoose
cors
dotenv
jsonwebtoken
bcryptjs
nodemon (dev)
Client (example) react react-dom react-router-dom axios firebase react-hook-form tailwindcss (or your CSS framework)