Trust

Trust is an online store for automotive sparepart. We sell quality good producs from trusted companies and have collaborated with more than 4 international spare parts manufacturers. Our job is to mediate between you and the manufacturer in transactions, and prioritize your trust above everything else. Therefore we named this platform is TRUST (In English).

Table of Contents:

• Trust
  • Links
  • Features
  • UI Designs
    • Home Page

Links

• Website/Frontend: https://trust.muhammad-farhan.com/
  • Backend: https://trust-api.muhammad-farhan.com/
• Repositories:
  • General: https://github.com/aan-cloud/trust
  • Backend: https://github.com/aan-cloud/trust-backend
  • Frontend: https://github.com/aan-cloud/trust-frontend

Inspirations:

• https://remco.com.my/

Features

• Home page
  • Hero section
  • Products catalogue. Example: https://saiko.com.my/auto-parts-supplier-malaysia
• Product page
  • Image
  • SKU (stock keeping unit)
  • Name
  • Price
  • Description
  • Add to cart form: add to cart button
• Shopping cart page
  • Product items to buy
    • Image, name, price, quantity, total (price x quantity)
  • Link: continue shopping, go to products catalogue
  • Link: checkout
• Checkout page
  • On WhatsApp: Generate transaction format form.

Tech Stack and Dependencies

• Frontend :

  • Vite
  • React
  • React Router
  • Tailwindcss
  • NPM
  • Typescript

• Backend :

  • Bun
  • Typescript
  • Openapi
  • Hono

UI Designs

• Figma

Home Page

Entity Relationship Diagram (ERD)

REST API Endpoints

• Production: https://trust-api.muhammad-farhan.com
• Local: http://localhost:3000

Endpoint	HTTP	Description
/products	GET	Get all products
/products/:slug	GET	Get product by id
/products/:category	GET	Get product by id
/products/seed	POST	Seed all initial products
/products	POST	Add new product
/products/:slug	DELETE	Delete product by id
/products/:slug	PATCH	Update product by id

Product

{
  "id": "abc123",
  "name": "Tire Super",
  "slug": "tire-super",
  "imageUrl": "http://image.com",
  "manufacturer": "toyota",
  "description": "Very strong Tire for racing",
  "price": 2000,
  "category": "Tire",
  "stock": 100,
  "createdAt": "23-11-2023",
  "updatedAt": "26-12-2023"
}

Add New Product

Request Body:

{
  "name": "Tire Super",
  "slug": "tire-super",
  "imageUrl": "http://image.com",
  "manufacturer": "toyota",
  "description": "Very strong Tire for racing",
  "price": 2000,
  "category": "Tire",
  "stock": 100
}

Response Body:

{
  "name": "Tire Super",
  "slug": "tire-super",
  "imageUrl": "http://image.com",
  "manufacturer": "toyota",
  "description": "Very strong Tire for racing",
  "price": 2000,
  "category": "Tire",
  "stock": 100
}