Tech and Tools

• Vue Framework
  • Nuxt.js
• State Management
  • Vuex
• Test
  • Vue Test Utils
  • Jest
• Linter
  • Airbnb Eslint

---

You can visit the project via this link. [Star Food Front End Case]

---

This project's acceptance tests can be found in this repository.

---

The data structure that I used in the project is as follows.

 {
  "orderNumber": "123123",
  "timeInfo": "14/03/2022 at 12:19:18'",
  "name": "0537 XXX XX XX",
  "contact": "atakantekoglu@gmail.com",
  "radio": "Takeaway",
  "clientMessage": "Ekstra ketçap ve mayonez istiyorum.",
  "orderedItems": [
    {
      "id": "224477",
      "name": "SpicyMixed",
      "price": "250.00",
      "quantity": "1",
      "cost": "250"
    },
    {
      "id": "224480",
      "name": "HummusPERI",
      "price": "250.00",
      "quantity": "1",
      "cost": "250"
    }
  ],
  "totalCost": "500"
}

How To Run

Clone this project and install node dependencies. -npm install

• Run Project --> npm run dev
• Run Test --> npm run test

Test Coverage