UrbanGarden

Experience the joy of gardening with Urban Garden - where nature meets technology for a seamless shopping experience!

Explore the docs »

Architecture   ·   Features   ·   Local Setup

Table Of Contents

• About the Project
• Architecture
• Demonstration & Features
• Technologies Used
• Contributing

• Authors

About The Project

We offer a wide range of standout features to maintain the convenience to our customers. The Setup Nursery feature, which allows nursery owners to create and customize their own online nursery store. Customers can browse through a vast selection of plants, seeds, and gardening supplies, view information and place an order

Objectives:

• To offer a wide selection of high-quality gardening products and accessories at competitive prices.
• To offer a secure & reliable platform for online transactions, ensuring that customer information are protected.
• To establish long-term relationships with nursery partners to ensure a reliable and consistent supply of high-quality products.
• To provide a seamless and user-friendly shopping experience for customers.
• To expand the reach of the gardening community by making gardening products and resources accessible to people in urban areas.

Architecture

The architecture and workflow was built using smartdraw.

Demonstration

Landing Page

Register & Login

User Registration.	User Login to start the shopping.

Nursery Registration Page

Home Page

Nursery Page

Add To Cart Page

Filters Page

Single Product Page

Technologies Used

• Workflow and Architecture Design
  • SmartDraw
• Frontend
  • React.js
  • CSS
• Backend
  • Node.js (Express.js)
  • MongoDB

Contributing

Local Setup || Project Structure

NOTE: Individual instructions can be found in respective directories.

• The project contains 4 broad directories.

*
├───client
└───server

• client: The frontend for the application.
• server: The backend for the application.

Client

For local setup of frontend:

• cd client
• npm i
• npm start
• Go to localhost:3000

Structure

src
├───assets
├───Components
├───hooks
├───redux
├───Pages
├───App.js
└───index.js

Individual Component & Pages Structure

component
├───component.jsx
└───component.css

Pages
├───page.jsx
└───page.css

Server

For local setup of backend:

• cd server
• npm i
• npm start

server
├───controllers
├───models
├───routes
├───utils
├───index.js
└───package.json

Authors

• Hamza Sayyed
  • LinkedIn
• Om Shete
  • LinkedIn
• Mohib Abbas Sayed
  • LinkedIn

License 📜

GNUv3 License