94 lines (64 loc) · 1.93 KB

🌿 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

📁 GitHub Repositories

🧑‍💻 Client Repo
⚙️ Server Repo

✨ 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 ✅