https://github.com/nazmulxdev/gardening-community-client
This is a gardening base website. Where gardeners can share their hardening tips and manage them properly.
https://github.com/nazmulxdev/gardening-community-client
daisyui firebase-auth javascript lottie-react react-router tailwindcss
Last synced: 20 days ago
JSON representation
This is a gardening base website. Where gardeners can share their hardening tips and manage them properly.
- Host: GitHub
- URL: https://github.com/nazmulxdev/gardening-community-client
- Owner: nazmulxdev
- Created: 2025-06-01T13:13:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-05T13:53:41.000Z (12 months ago)
- Last Synced: 2025-07-05T14:58:21.034Z (12 months ago)
- Topics: daisyui, firebase-auth, javascript, lottie-react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://gardening-community-e4aad.web.app/
- Size: 565 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Green Circle - Gardening Community and Resource Hub
Green Circle is a vibrant online community hub designed for gardening enthusiasts to share tips, discover new ideas, and connect with fellow gardeners.
[](https://gardening-community-e4aad.web.app/)
[](https://github.com/nazmulxdev/gardening-community-server)
---
### **Project Overview**
The primary goal of Green Circle is to build a supportive and interactive platform where users can share their gardening knowledge, showcase their work, and learn from others. The site features a dynamic "trending tips" section, user profiles for active gardeners, and a comprehensive resource hub for all gardening needs.
**ScreenShot**
---
### **Key Features**
✅ **Dual Theme:** The website supports both light and dark themes for a comfortable user experience.
✅ **Dynamic Page Titles:** Every page has a unique title that updates in the browser tab for better navigation and SEO.
✅ **Post Reactions:** Logged-in users can "love" react to posts, which contributes to the trending algorithm.
✅ **Trending Tips Section:** The homepage dynamically showcases the most popular tips based on the number of "love" reactions.
✅ **Active Gardener Profiles:** The "Feature Gardeners" section highlights users with an "active" status, while the "Explore Gardeners" page allows browsing all users.
✅ **Tip Management:** Users can share their own public or hidden gardening tips on the "Share Gardeners Tips" page and manage them in the "My Tips" section.
✅ **Conditional Content:** While all users can see public tips, only logged-in users can view the full details of a tip.
---
### **Technologies Used**
The following main technologies were used in this project:
---
### **Dependencies Used**
The following NPM packages are used in this project:
- React Router
- Firebase
- React Icons
- Tailwind CSS
- Daisy UI
- React-spinners
- SweetAlert2
- React-slideshow-image
- React-simple-typewriter
- React-tooltip
- Lottie-react
- Swiper
---
### **Getting Started Locally**
Follow these steps to run the project on your local machine:
**1. Clone the repository:**
```bash
git clone [https://github.com/your-username/your-repository-name.git](https://github.com/your-username/your-repository-name.git)
```
**2. Navigate to the project directory:**
```bash
cd your-repository-name
```
**3. Install NPM packages:**
```bash
npm install
```
**4. Set up environment variables:**
Create a file named `.env.local` in the root directory of the project and add your Firebase configuration.
```.env.local
VITE_APIKEY=your_firebase_apikey
VITE_AUTHDOMAIN=your_firebase_authdomain
VITE_PROJECTID=your_firebase_projectid
VITE_STORAGEBUCKET=your_firebase_storagebucket
VITE_MESSAGINGSENDERID=your_firebase_messagingsenderid
VITE_APPID=your_firebase_appid
```
_(Replace the values above with your own Firebase credentials.)_
**5. Run the project:**
```bash
npm run dev
```
You can now view the project by visiting `http://localhost:5173` (or any other port shown in the terminal) in your browser.
---
### **Relevant Links**
- **Live Site:** https://gardening-community-e4aad.web.app/
- **Live API:** https://final-gerdaning-server.vercel.app/