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.
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.
(Replace the image URL above with your actual screenshot URL if you have one)
- Client: (https://github.com/Tajuddin80/Plant-Book-client)
- Server: (https://github.com/Tajuddin80/Plant-Book-server)
- 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
- 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
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 |
-
Clone the repository and install dependencies:
git clone <your-plantbook-repo-url> cd <repo-folder> npm install
-
Create a .env file and add your Firebase config and any necessary environment variables.
-
Run the development server: npm run dev
-
Open your browser at http://localhost:5173 (or the port shown in your terminal).