https://github.com/sazzad731/growgo-client

Built to help plant lovers manage and monitor the care of their indoor and outdoor plants.
https://github.com/sazzad731/growgo-client

daisy-ui date-fns express-js firebase-auth mongodb node-js react-js react-router react-tooltip sweetalert2 swiper tailwindcss-v4

Last synced: 8 months ago
JSON representation

Built to help plant lovers manage and monitor the care of their indoor and outdoor plants.

• Host: GitHub
• URL: https://github.com/sazzad731/growgo-client
• Owner: sazzad731
• Created: 2025-08-02T16:00:26.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-08-07T22:36:49.000Z (8 months ago)
• Last Synced: 2025-08-08T00:21:48.256Z (8 months ago)
• Topics: daisy-ui, date-fns, express-js, firebase-auth, mongodb, node-js, react-js, react-router, react-tooltip, sweetalert2, swiper, tailwindcss-v4
• Language: JavaScript
• Homepage: https://grow-go-8c0b2.web.app/
• Size: 3.73 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌿 GrowGo. - Plant Care Tracker

GrowGo is a Front-End, mobile-responsive web application built to help plant lovers manage and monitor the care of their indoor and outdoor plants. From watering schedules to plant health tracking, GrowGo is your digital gardening assistant.

🔗 **Live Website**: [https://grow-go-8c0b2.web.app/]

---

## ⚙️ Scripts

| Script         | Description                  |

|----------------|------------------------------|

| `npm run dev`  | Start development server     |

| `npm run build`| Build for production         |

| `npm run preview`| Preview production build |

| `npm run lint` | Run ESLint checks            |

---

## 🚀 Features

- 🔐 **User Authentication** – Secure login/register with Firebase (email & Google)

- 🌱 **Plant Management** – Add, update, delete, and view personal plant records

- 📆 **Care Scheduling** – Track watering frequency and care level using `date-fns`

- 🎨 **Responsive UI** – Fully responsive for mobile, tablet, and desktop

- 💡 **Interactive UI** – Tooltips, Sweetalerts2

- 🔎 **All Plants Page** – Sort and view plant data in a searchable table

- ⚙️ **Dark/Light Theme** – Toggle theme switch for personalized experience

- 🚫 **404 Page** – Custom-designed not-found page for broken routes

---

## 🧰 Tech Stack

- **Frontend**: React, Tailwind CSS, DaisyUI, Swiper.js, React Router, Firebase (Authentication & Hosting)

- **Backend**: Express.js, MongoDB, Node.js

- **Other Libraries**:

  - `date-fns` – Date formatting

  - `react-tooltip` – Tooltips

  - `sweetalert2` – Alert popups

  - `swiper` – Banner slider

  - `react-icons` – Icons

---

## 📂 Pages Overview

| Page             | Description                                   |

|------------------|-----------------------------------------------|

| Home             | Banner slider, new plants, care tips, themes  |

| Login/Register   | Auth with validation and success/error toasts |

| Add Plant        | Form with care details (Private Route)        |

| All Plants       | Table with sorting and view details option    |

| My Plants        | Manage user's added plants (CRUD)             |

| Plant Details    | View plant profile with all data              |

| 404 Page         | Custom error page for invalid URLs            |

---

## 📦 Dependencies

> Major dependencies only

- `react`, `react-dom`, `react-router`

- `firebase`

- `sweetalert2`

- `tailwindcss`, `daisyui`

- `react-icons`

- `react-tooltip`

- `swiper`

- `date-fns`