https://github.com/developer-zahir/ph-assignment10-client-side
Garden Hub is a full-stack gardening community platform designed for plant lovers to share insights, connect with fellow gardeners, and grow together. The application features user authentication via Firebase, dynamic gardener profiles, and full CRUD operations on gardening tips. With a responsive design, elegant animations, and intuitive UI
https://github.com/developer-zahir/ph-assignment10-client-side
express firebase mongodb mongodb-atlas react react-router tailwindcss
Last synced: 2 months ago
JSON representation
Garden Hub is a full-stack gardening community platform designed for plant lovers to share insights, connect with fellow gardeners, and grow together. The application features user authentication via Firebase, dynamic gardener profiles, and full CRUD operations on gardening tips. With a responsive design, elegant animations, and intuitive UI
- Host: GitHub
- URL: https://github.com/developer-zahir/ph-assignment10-client-side
- Owner: developer-zahir
- Created: 2025-06-25T12:35:00.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-27T09:50:58.000Z (12 months ago)
- Last Synced: 2025-06-27T10:38:19.098Z (12 months ago)
- Topics: express, firebase, mongodb, mongodb-atlas, react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://garden-hub.netlify.app/
- Size: 1.58 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌿 Garden Hub
**Garden Hub** is a full-stack gardening community web app built for plant enthusiasts to share tips, explore gardener profiles, and grow together 🌱
## 🔗 Live Site
👉 [Visit Garden Hub](https://garden-hub.netlify.app/)
## 📁 GitHub Repositories
- 🧑💻 [Client Repo](https://github.com/Programming-Hero-Web-Course4/b11a10-client-side-developer-zahir)
- ⚙️ [Server Repo](https://github.com/Programming-Hero-Web-Course4/b11a10-server-side-developer-zahir)
---
## ✨ Key Features
- 🔐 Firebase Auth (Email/Password & Google)
- ➕ Share / ✏️ Update / 🗑️ Delete garden tips
- 🔍 Browse public tips with filtering by difficulty
- 🧑🌾 Explore dynamic gardener profiles
- 🌓 Light/Dark theme toggle
- 📱 Responsive across all devices
- 🎥 Animations React Awesome Reveal
- 📢 SweetAlert2 & Toastify for alerts
---
## 🧩 Tech Stack
### Client:
- **React 19**
- **Tailwind CSS 4**
- **React Router DOM 7**
- **Firebase v11**
- **Framer Motion**
- **Lucide React**
- **React Toastify / SweetAlert2**
- **Swiper (Slider)**
- **React Tooltip / React Awesome Reveal**
- **Typewriter Effect / Marquee**
### Server:
- **Express.js**
- **MongoDB**
- **Cors / Dotenv**
---
## 🌐 Hosting
- Client: **Netlify**
- Server: **Vercel**
---
## 🛡 Environment Variables
Stored securely in `.env` (not pushed):
- Firebase Config
- MongoDB URI
---
## 📱 Responsive
- ✅ Mobile
- ✅ Desktop
- ✅ Tablet (recommended)
---
## 📌 Project Highlights
- 🔄 Reload doesn't break routes
- 🔒 Private routes with preserved login state
- 🎉 Animated homepage & smooth transitions
- 🔍 Filtering, searching, and categorized browsing
---
## 🧪 Extra Tools Used
- `react-fast-marquee` – Smooth horizontal scroll
- `react-scroll-to-top` – Back to top functionality
- `react-icons` – Icon support
---
## ✅ To Submit
- Client GitHub Repo ✅
- Server GitHub Repo ✅
- Live Site URL ✅