Green Garden is a full-stack MERN application designed to provide an online platform for browsing and purchasing garden-related products. It includes user authentication, product management, cart functionality, and order management with a responsive UI.
- React.js
- HTML5
- CSS3
- JavaScript
- Axios
- Node.js
- Express.js
- MongoDB
- Mongoose
- Git
- GitHub
- Thunder Client
- VS Code
green-garden-mern
│
├── frontend # React frontend
│ ├── src
│ ├── public
│ └── package.json
│
├── backend # Node.js / Express API
│ ├── controllers
│ ├── models
│ ├── routes
│ ├── middleware
│ └── server.js
│
└── README.md
- User Registration and Login
- Secure Authentication (JWT)
- Product Listing
- Add to Cart functionality
- Order Management
- Responsive UI
- REST API Integration
git clone https://github.com/manishpxl/green-garden-mern.git
cd green-garden-mern
cd backend
npm install
npm start
Backend server will run on:
http://localhost:5000
cd frontend
npm install
npm start
Frontend will run on:
http://localhost:3000
Create a .env file inside the backend folder.
Example:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
Frontend can be deployed using Vercel / Netlify and backend using Render / Railway with MongoDB Atlas as the database.
Contributions are welcome!
If you would like to contribute to this project:
- Fork the repository
- Create your feature branch
git checkout -b feature/your-feature-name
- Commit your changes
git commit -m "Add your feature"
- Push to the branch
git push origin feature/your-feature-name
- Open a Pull Request
Manish Kumar
GitHub: https://github.com/manishpxl
LinkedIn: https://www.linkedin.com/in/manish-kumar-7b0535229/
If you found this project helpful, please consider giving it a star ⭐ on GitHub.
This project is open-source and available for learning and development purposes.