Herbal Garden is a powerful web application that brings traditional medicinal plant wisdom to a modern audience. Built with cutting-edge 3D and AI technologies, it allows users to explore lifelike plant models, understand their uses, and now, locate nearby plant nurseries and interact with a smart chatbot assistant. Designed for students, plant lovers, and herbal medicine enthusiasts, this platform blends learning and discovery into a single seamless experience.
- 🎍 Interactive 3D plant visualization using React Three Fiber & Three.js
- 📚 Educational profiles for each plant: benefits, origin, and uses
- 🧺 Personalized digital garden where users can collect and manage plants
- 🔐 Secure user authentication with Firebase
-
📍 Nearby Plant Nurseries Map
- Live demo: https://nurseries-herbal-garden.vercel.app
- Uses Geolocation API to get user position
- Displays nurseries on Google Maps with clickable markers
- Shows names and addresses in a dynamic list
-
🤖 AI Chatbot for Herbal Assistance
- Live demo: https://herbal-garden-chatbot.vercel.app
- Built with OpenAI API
- Answers real-time questions about medicinal plants
- User-friendly interface embedded in the web app
| Layer | Technology Stack |
|---|---|
| Frontend | React.js, React-Three-Fiber, Three.js, MUI |
| Backend | Node.js, Express.js, CORS, REST APIs |
| Chatbot API | OpenAI , Gemini ,YOLO |
| Maps API | Google Maps JavaScript SDK + Places API |
| Hosting | Vercel |
| Auth | Oauth |
- Interactive 3D garden environment with detailed plant models
- Users can explore different medicinal plants in a virtual space
- Each plant comes with detailed information and usage guidelines
- Access the nursery locator at https://nurseries-herbal-garden.vercel.app
- Find local nurseries within your area
- Get directions and contact information for each nursery
- Access the chatbot at https://herbal-garden-chatbot.vercel.app
- Get instant answers about medicinal plants
- Learn about plant properties, uses, and cultivation tips
```bash git clone https://github.com/Devashish-1/herbal.git cd herbal ```
```bash npm install ```
Create a `.env` file at the root:
```env REACT_APP_GOOGLE_MAPS_API_KEY=your_google_maps_key REACT_APP_OPENAI_API_KEY=your_openai_api_key REACT_APP_FIREBASE_CONFIG=your_firebase_config ```
```bash npm start ```
Visit `http://localhost:3000\` to view the app.
- Landing Page: Introduction to the Herbal Garden platform
- Virtual Garden: Explore the 3D garden environment
- Plant Information: Access detailed medicinal plant data
- Nursery Locator: Find nearby plant nurseries
- Chatbot Assistant: Get instant help with plant-related queries
- ✨ Main Application: https://herbal-ten.vercel.app
- 🤖 Chatbot Interface: https://herbal-garden-chatbot.vercel.app
- 📍 Nursery Locator: https://nurseries-herbal-garden.vercel.app
We welcome contributions! To contribute:
- Fork this repository
- Create your feature branch (`git checkout -b feature/new-feature`)
- Commit your changes (`git commit -m 'Add some feature'`)
- Push to the branch (`git push origin feature/new-feature`)
- Open a Pull Request
Have questions or suggestions? Feel free to:
- Open an issue on GitHub
- Visit our deployed app at https://herbal-ten.vercel.app
Enjoy exploring the world of medicinal plants with Herbal Garden! 🌱