/roboshop

A dummy e-commmerce for robot lovers.

Primary LanguageVue

Robot Market

This is an e-commerce site for you to buy robots. The homepage should display a list of robots for people to browse, where on the right side of the screen should display a cart that show a list of selected robots. (Adopted from robot-market)

Features

  • A thumbnail view of products.
  • The shop and cart sections displays side y side.
  • With the ability to only allow a user shop 5 types of toys at a time.
  • Price is displayed in Thai Baht formatted, ฿5,300.00, as indicated
  • User can sort by material type, name and price.
  • User can filter by a robot's material type.

Robots API

DO NOT CHANGE API RESPONSE INSIDE SERVER FOLDER

  • The basic query looks like this: /api/robots
  • The response format is JSON
{
  name
  image
  price
  stock
  createdAt
  material
}

(Adopted from robot-market)

FAQs

How do I start the app?

Start both server and frontend project by using npm start command. The port for frontend is localhost:3000, and for server is localhost:8000

Built with

Vue 3 + typescript + composition api

Acknowledgments