https://github.com/smnahidweb/tree-plant-store-client
A dynamic and responsive React application where users can explore a curated list of trees and manage their personal collection. This project encourages environmental awareness by allowing users to maintain a digital garden with full authentication and theming support.
https://github.com/smnahidweb/tree-plant-store-client
daisyui firebase-auth js react react-router tailwindcss
Last synced: about 2 months ago
JSON representation
A dynamic and responsive React application where users can explore a curated list of trees and manage their personal collection. This project encourages environmental awareness by allowing users to maintain a digital garden with full authentication and theming support.
- Host: GitHub
- URL: https://github.com/smnahidweb/tree-plant-store-client
- Owner: smnahidweb
- Created: 2025-06-24T23:06:22.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-25T00:26:59.000Z (12 months ago)
- Last Synced: 2025-06-25T00:29:47.869Z (12 months ago)
- Topics: daisyui, firebase-auth, js, react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://tree-plant-store.web.app/
- Size: 210 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌱 TreePlant
A dynamic and responsive web application that allows users to explore a curated collection of plants and manage their personal garden digitally. Built with the MERN stack (React, Express, MongoDB), TreePlant promotes environmental awareness and encourages users to grow and maintain their favorite trees virtually.
---
## 🌐 Live Website
🔗 [Visit Live Site](https://tree-plant-store.web.app/)
---
---
## 🚀 Key Features
- 🔐 Firebase Authentication (Login/Register/Logout)
- 🪴 Add, Update, Delete plants (user-specific)
- 🌗 Global Theme Toggle (Dark/Light)
- 🔍 Filter plants by category (Fruit, Flower, Indoor)
- 📅 Human-readable timestamps with `date-fns`
- ✅ Toast messages using `react-toastify`
- 💡 Tooltips for better UX using `react-tooltip`
- 🌐 SPA routing with `react-router-dom`
- ✨ Scroll-based animations via AOS
- 📱 Fully responsive and mobile-friendly
---
## ⚙️ Technologies Used
### 💻 Frontend
- React
- Tailwind CSS
- DaisyUI
- React Router
- Firebase Auth
### 🧪 Backend
- Node.js (Optional)
- Express.js (Optional)
- MongoDB Atlas (Optional)
---
## 📡 API Endpoints
---
### 📦 Packages
| Method | Endpoint | Description |
|--------|-----------------|------------------------------|
| GET | `/packages` | Get all tour packages |
| GET | `/packages/:id` | Get a tour package by ID |
| POST | `/packages` | Add a new tour package |
| PATCH | `/packages/:id` | Update a tour package by ID |
| DELETE | `/packages/:id` | Delete a tour package by ID |
---
### 👤 Users
| Method | Endpoint | Description |
|--------|-----------------|------------------------------|
| GET | `/users` | Get all users |
| GET | `/users/:email` | Get user info by email |
| POST | `/users` | Register or save a new user |
| PATCH | `/users/:id` | Update user info or role |
---
### 📄 Bookings
| Method | Endpoint | Description |
|--------|-------------------|--------------------------------|
| GET | `/bookings` | Get all bookings |
| GET | `/bookings/:email`| Get bookings of a specific user|
| POST | `/bookings` | Create a new booking |
| DELETE | `/bookings/:id` | Cancel or delete a booking |
---
## 📦 Main Dependencies
```bash
react, react-router-dom, firebase, react-icons,
aos, react-tooltip, react-toastify, axios,
classnames, date-fns, vite,
@vitejs/plugin-react, @heroicons/react, @headlessui/react
## 📦 Locally Run
git clone https://github.com/smnahidweb/tree-plant.git
cd tree-plant