task PHP

• task PHP
  • Requirements
    • Must
    • Optional
  • Setup
  • Description
    • Step 1
    • Step 2
    • Step 3
    • Step 4
  • Notes
  • Submission
  • FAQs

Requirements

Must

• Use PHP / Laravel
• Use HTML / CSS/ JS

Optional

• Use vuejs or laravel blade
• Use with Ant Design or MaterialUI
• Use a type system (preferred typescript)

Setup

Install with laravel latest version

Description

We want to make multiple steps form. This form is aimed to help user pre-order food from restaurants, the data for restaurants and food items and is provided in the data folder.

Wireframes for the form are provided in the wire frames folder.

---

Step 1

• Users select the Meal Category (breakfast, lunch, or dinner).
• They also need to input the number of people (maximum 10)

Both of these should be required fields.

---

Step 2

• Users select appropriate restaurants that provide meals based on a selection in the first step.

This is also a required field.

---

Step 3

• User selects dishes they want to pre-order based on the meal and restaurant they selected in the first two steps.

• They first choose a dish

• They can also add a number of servings of the dish (defaulted to 1)

• Also users can't select the same dish twice, rather add more servings.

The total number of dishes (i.e Number of dishes * respective serving) should be greater or equal to the number of people selected in the first step and a maximum of 10 is allowed.

---

Step 4

On the final step, users should be able to review all their previous choices and click submit.

Notes

• User can't proceed to the next step unless they have valid inputs on the current step.
• if their inputs are not valid, show appropriate validation errors.
• At any step users can go back and change their preference on any previous step.
• Finally when the user submits the form, just log the data on the console as we don't provide any back end for now.
• Finer details of UX is left for you to decide.

Submission

• Submit a working link of your code repository (GitHub)
• Submit a link of the deployed app (github.io/ now/ surge, etc...)

FAQs

• Library Usage
  • You are free to use any 3rd party library you want, although we might ask for justification.