Scribd
Upload
33 views5 pages

08-Machine Coding Round Six

Uploaded by

shaamidreez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
33 views5 pages

08-Machine Coding Round Six

Uploaded by

shaamidreez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Machine Coding Round Six

Review Restaurants App


The goal of this assignment is to create a restaurants app where you can add reviews for them
using React JS.

Instructions:
1. Create this application using React JS Hooks.
2. You have to make the UI as shown in the image in the question below. You can use plain CSS or
any CSS library you want.
3. You have been provided the JSON data below for this question.
4. This is a frontend assignment. No backend involved.
5. You have to host your site live and submit the live link along with Github link of your code or you
can choose to code on CodeSandbox and submit the CodeSandbox link.
6. You have to complete the below mentioned features and make your submission here on LMS
in 3.5 hrs.
7. You can use google for your coding errors and queries.

App Features:

1. List all cuisines: Show list of cuisines for users in the form of buttons. Users should be able to
easily browse through different cuisines such as Italian, Chinese, Indian and Mexican. This
feature should allow users to find restaurants that offer their selected cuisine.
2. Restaurants List: Display a list of restaurants based on the selected cuisine. Include minimal
details on the restaurant cards such as restaurant name, price, food name and image.

3. Restaurant Detail Page: Provide a dedicated page for each restaurant with detailed information.

Include restaurant name, menu items, address and average rating.


Show user ratings and reviews for the restaurant.

Allow users to add reviews for that particular restaurant with the help of “Add Review” button.

Add Review button should open a popup where user can enter rating and review comment for
that restaurant. Have a close button on the review modal.

Have a back button to go back to the main page.


You can find the JSON data here - JSON Data

FAQs:

1. When we write a review should the average rating of the restraunt and the cuisine be affected?

Ans: Yes. The avg rating should update.

2. How can we use the review and average review rating from the cuisine array?

Ans: Don’t use if not needed.

3. Can multiple cuisine buttons be selected at the same time?

Ans: No.

4. Do the Implementation of user giving rating and comment is mandatory?

Ans Yes you need to Implement that feature.


5. On home page initially only cuisines buttons to be there?

Ans: Yes.

6. After vising a restaurant page if we press back button then restaurant list should be persist?

Ans: Data should not persist.

7. Is Dishes are not clickable, Only when user will click on restaurant it will show restaurant
details?

Ans: All cards should be clickable. And on clicking, it should take to that restaurant page.

8. Are all the restaurants visible in the initial stage?

Ans: No.

You might also like