Skip to content

Latest commit

 

History

History
251 lines (184 loc) · 5.23 KB

README.md

File metadata and controls

251 lines (184 loc) · 5.23 KB

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

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.

architecture


architecture

Demonstration


Landing Page

Intro Screen Features Features 2



Register & Login

REGISTER LOGIN

User Registration.

User Login to start the shopping.


Nursery Registration Page

Intro Screen



Home Page

Intro Screen Features



Nursery Page

Intro Screen Features


Add To Cart Page

Intro Screen


Filters Page

Intro Screen


Single Product Page

Intro Screen Intro Screen



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

License 📜

GNUv3 License