Skip to content

PlantBook-- is a vibrant platform designed for gardening enthusiasts to share tips, find local gardeners, ask plant care questions, participate in gardening events, and connect with others passionate about plants — from composting to hydroponics and balcony gardening.

Notifications You must be signed in to change notification settings

Tajuddin80/Plant-Book-client

Repository files navigation

🌿 PlantBook - A Gardening Community & Resource Hub

PlantBook is a vibrant platform designed for gardening enthusiasts to share tips, find local gardeners, ask plant care questions, participate in gardening events, and connect with others passionate about plants — from composting to hydroponics and balcony gardening.


🌐 Live Demo

👉 🚀 Visit PlantBook


🌟 Project Overview

PlantBook cultivates a friendly, knowledge-sharing community for gardeners of all levels. It features user authentication, dynamic content sharing, event management, and interactive tools — all wrapped in a responsive and beautiful UI powered by React and Tailwind CSS.


📸 Screenshot

PlantBook Screenshot

(Replace the image URL above with your actual screenshot URL if you have one)


🌐 GitHub Repositories


🛠 Tech Stack

  • Frontend: React 19.x, Vite, Tailwind CSS, DaisyUI
  • Backend: Firebase Authentication & Firestore
  • Routing: React Router
  • HTTP Requests: Axios
  • Animations & Effects: Lottie, React Typewriter, Swiper, React Tooltip
  • Alerts: SweetAlert2

✨ Key Features

  • User authentication and personalized profiles with Firebase
  • Share, browse, and search gardening tips and advice
  • Connect with local gardeners and community members
  • Ask and answer plant care questions interactively
  • Post, join, and manage gardening events and workshops
  • Responsive and themeable UI with DaisyUI and Tailwind CSS
  • Rich user experience with animations, tooltips, sliders, and notifications

📦 Dependencies

Package Purpose
react, react-dom Core React framework
react-router-dom Client-side routing
axios API requests
firebase Authentication & Firestore
sweetalert2 Alerts and notifications
swiper Sliders and carousels
react-tooltip Tooltips
@lottiefiles/dotlottie-react Lottie animations
react-simple-typewriter Typewriter effect
tailwindcss, daisyui Styling and UI components

🚀 How to Run Locally

  1. Clone the repository and install dependencies:

    git clone <your-plantbook-repo-url>
    cd <repo-folder>
    npm install
    
    
  2. Create a .env file and add your Firebase config and any necessary environment variables.

  3. Run the development server: npm run dev

  4. Open your browser at http://localhost:5173 (or the port shown in your terminal).

About

PlantBook-- is a vibrant platform designed for gardening enthusiasts to share tips, find local gardeners, ask plant care questions, participate in gardening events, and connect with others passionate about plants — from composting to hydroponics and balcony gardening.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages