🍃 GreenNest – Indoor Plant Care & Store

A sleek single-page MERN application for plant lovers to explore, buy, and care for indoor plants — optimized for a smooth user experience, modern UI, and responsive design.

🚀 Live Demo

🔗 Live Site: https://green-nest-83896.web.app
🔗 Client Repo: https://github.com/Islamul-Hoque/GreenNest-Client

---

📝 Description

GreenNest is an elegant single-page web app where users can explore indoor plants, view care tips, book expert consultations, and purchase plants. Authenticated users can access protected routes for plant details and profile management.
The platform uses JSON-based plant data, Firebase Authentication, and a minimalist, responsive UI to provide a seamless experience.

---

📸 Screenshot

---

✨ Key Features

• Plant exploration with price and rating-based sorting, category filters, and integrated search bar
• Authenticated users can access profile page and update displayName/photoURL.
• Firebase Authentication with Email/Password & Google Sign‑In
• Book expert consultations
• Smooth slider animations with Framer Motion.
• Toast notifications for success/error messages.
• Plant care tips section with watering, sunlight, and fertilizing guides.
• Fully responsive UI across devices.

---

🧰 Tech Stack

Frontend

• React.js
• React Router
• Tailwind CSS
• DaisyUI
• Swiper.js
• Axios

Authentication

• Firebase Authentication (Email/Password + Google OAuth)

---

📦 Dependencies

Client

• react
• react-router
• axios
• firebase
• tailwindcss
• daisyui
• swiper.js
• react-toastify

---

🛠 Installation & Run Locally

Clone the repositories

git clone <client-repo-url>

---

Client Setup

cd client
npm install

Create a .env file:

VITE_apiKey=your_key  
VITE_authDomain=your_auth_domain  
VITE_projectId=your_project_id  
VITE_storageBucket=your_storage  
VITE_messagingSenderId=your_sender_id  
VITE_appId=your_app_id  

Run the client:

npm run dev

---

🔐 Protected Routes

• /plant/:id (Plant Details Page)
• /profile (User Profile Page)

---

👤 Author

Islamul Hoque
MERN Stack Web Developer

📍 Chattogram, Bangladesh
📧 islamulhoque2006@gmail.com

🔗 Social Links:

• LinkedIn
• Facebook