PetStop

A simple ecommerce apps about pets

Links

Production Frontend/Client

• https://leads-petstop.netlify.app
• https://petstop.mzoel.com
• https://petstop.adefaisal.com
• https://petstop.makmuremha.com
• https://petstop.vektorlutfi.com

Local Frontend/Client

• http://localhost:3000

Production Backend/Server

• https://api.kontenbase.com/query/api/v1/bee912c9-4dfd-4be3-97cc-5b3a353e0ac6

Design

• Figma : https://www.figma.com/file/5Fg06BGKaD9idXYMK62xYp/Petshub?node-id=0%3A1

Main Features

• See landing page
• List all products
• See product details
• Shopping cart
• Search product
• Filter kategori

Team Members

Name	Role	GitHub URL
Muhammad Zulkarnaen Indranto	Lead, Frontend	@zul1996
Makmur	Frontend, Design	@makmuremha
Muhammad Lutfi	Frontend, Design	@vektormuhammadlutfi
Ade Ahmad Faisal	Frontend, Backend	@adeahmadfaisal

Tech Stack

Commerce

• HTML
• CSS
  • Tailwind CSS
• JavaScript
  • TypeScript
• Node.js & npm
• React
  • Next.js v12
    • next/router
    • next/link
    • next/head
    • next/image
• Backend
  • REST API: Kontenbase
• Data Fetching
  • REST API: swr / axios
• Misc
  • Prettier

API Specification

API URL: https://api.kontenbase.com/query/api/v1/bee912c9-4dfd-4be3-97cc-5b3a353e0ac6

Products

HTTP	Endpoint	Description
GET	/products	Get all products
POST	/products	Create new product
PATCH	/products/:id	Edit product by id
DELETE	/products/:id	Delete product by id

[
  {
    "_id": "",
    "name": "",
    "price": "",
    "description": "",
    "image": [
      {
        "fileName": "",
        "url": ""
      }
    ],
    "category": {},
    "created_at": "",
    "updated_at": ""
  }
]

Products Category

HTTP	Endpoint	Description
GET	/product-category	Get all product categories
POST	/product-category	Create product category
PATCH	/product-category/:id	Edit product category by id
DELETE	/product-category/:id	Delete product category by id

[
  {
    "_id": "",
    "name": "",
    "description": ""
  }
]

Carts

HTTP	Endpoint	Description
GET	/carts	Get all data cart
POST	/carts	Add Item cart product
PATCH	/carts/:id	Edit cart by id
DELETE	/carts/:id	Delete cart by id

[
  {
    "_id": "",
    "storageId": "",
    "products": [],
    "quantity": ""
  }
]

## Development

Install dependencies:

```sh
npm install

Run server in development mode:

npm run dev

Build for production:

npm run build

Start in production mode:

npm start