Here’s a simple yet informative README.md template for your Ashoka 3D Virtual Herbal Garden Login Page project. You can copy-paste and update it based on your repo details:
The Ashoka 3D Virtual Herbal Garden is part of the AYUSH Ministry's initiative to promote awareness of traditional medicinal plants. This login module serves as the gateway for users to access the interactive platform. Built with user-centric design in mind, the login system is fast, modern, and integrates with backend services to ensure a smooth authentication experience.
This UI component will be integrated into the broader Ashoka platform which features:
- A 3D interactive garden view
- Information panels on each herbal plant
A React-based login and registration UI component built using Material-UI for the Ashoka 3D Virtual Herbal Garden project. The app allows users to register with their name, email, and password and includes social login buttons for Google and Facebook (UI only).
- ✅ User registration form
- ✅ Password visibility toggle
- ✅ Form input validation
- ✅ API integration with backend (
/registerendpoint) - ✅ Material-UI styled components
- ✅ Google and Facebook login buttons (frontend only)
- [React](https://reactjs.org/)
- [Material-UI](https://mui.com/)
- [Axios](https://axios-http.com/) (for HTTP requests)
---
## 🔧 Setup Instructions
### 1. Clone the repository
```bash
git clone https://github.com/your-username/your-repo-name.git
cd your-repo-namenpm installnpm startThe app will run on http://localhost:3000
Make sure you have a backend server running at http://localhost:3001 with a POST /register endpoint to handle user registration.
Example request body:
{
"name": "Ashoka",
"email": "[email protected]",
"password": "secret123"
}Visit the ashoka-api repository for the backend code.
Pull requests, issues, and feature suggestions are welcome! If you have ideas to upgrade or enhance this project, feel free to open a PR or raise an issue.