https://github.com/tasmiatory37/greenjoy-a10-client

GreenJoy is an online platform where gardening enthusiasts can share, explore, and engage with various gardening tips. Users can securely log in to submit tips, categorize them by difficulty, and interact with content through likes. The platform features advanced filtering, top-rated tips, and an event banner showcasing upcoming gardening events.
https://github.com/tasmiatory37/greenjoy-a10-client

daisy-ui express-js firebase-auth mongo-db react-router swipper-js tailwind-css

Last synced: 3 months ago
JSON representation

GreenJoy is an online platform where gardening enthusiasts can share, explore, and engage with various gardening tips. Users can securely log in to submit tips, categorize them by difficulty, and interact with content through likes. The platform features advanced filtering, top-rated tips, and an event banner showcasing upcoming gardening events.

• Host: GitHub
• URL: https://github.com/tasmiatory37/greenjoy-a10-client
• Owner: TasmiaTory37
• Created: 2025-06-24T17:56:50.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-01T21:56:10.000Z (12 months ago)
• Last Synced: 2025-07-01T22:32:11.244Z (12 months ago)
• Topics: daisy-ui, express-js, firebase-auth, mongo-db, react-router, swipper-js, tailwind-css
• Language: JavaScript
• Homepage: https://greenjoy-a10.web.app
• Size: 16 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Name of the Project : GreenJoy

![GreenJoy Banner](./src/assets/Screenshot%202025-06-25%20032111.png)

# Live Link  

https://greenjoy-a10.web.app

# 5 Bullet Points Features

1.User-Friendly Dashboard: Intuitive interface for users to add, view, and manage garden tips easily.

2.Interactive Event Banner: Features a event banner showcasing upcoming gardening events with images, descriptions and  buttons.

3.Top Trending Tips: Displays top-rated garden tips based on user likes and engagement.

4.User Authentication: Users can log in and submit their own garden tips, with secure login via email or Google.

5.Responsive Design: Fully responsive design optimized for mobile, tablet, and desktop viewing.

# Project description

GreenJoy is an online platform where gardening enthusiasts can share, explore, and engage with various gardening tips. Users can securely log in to submit tips, categorize them by difficulty, and interact with content through likes. The platform features advanced filtering, top-rated tips, and an event banner showcasing upcoming gardening events. With a user-friendly, responsive design and secure login facilities, GreenJoy helps gardeners of all levels improve their skills and stay informed.

# NPM Packages Used

**Frontend**

1.React Router

2.Tailwind CSS 

3.DaisyUI

4.Firebase

5.react-simple-typewriter

6.React icons

7.sweetalert2

8.Swiper js

**Backend**

1.Express.js 

2.MongoDB 

3.dotenv 

4.cors

# Dependencies

    "@emotion/react": "^11.14.0",

    "@tailwindcss/vite": "^4.1.7",

    "firebase": "^11.7.3",

    "react": "^19.1.0",

    "react-awesome-reveal": "^4.3.1",

    "react-dom": "^19.1.0",

    "react-icons": "^5.5.0",

    "react-router": "^7.6.0",

    "react-simple-typewriter": "^5.0.1",

    "sweetalert2": "^11.21.2",

    "swiper": "^11.2.6",

    "tailwindcss": "^4.1.7"

    

# How to use

## Clone the repository

git clone https://github.com/TasmiaTory37/GreenJoy-A10-client.git

cd greenjoy

## Install dependencies

npm install

## Start the development server

npm run dev