Solve small Javascript Nodejs React challenge (2hr long) Clear acceptance criteria

Zaprto Objavljeno pred 2 letoma/leti Plačilo ob prevzemu
Zaprto Plačilo ob prevzemu

Solve in nodejs javascript this challange and write couple of sentence on your choices:

Base for project already exists:

[login to view URL]

All you need to do is add some minor functionality to it please:

Nodejs React project.

- add react to this basic app, (do not use create react app)

- do not use jquery, use normal react and node functions

- create util folder for calcualtions and methods and import it to use in the code

Food Hygiene Ratings

The task is to complete the below user story, using the Food Standard Agency APIs. The documentation for these can be found at: ​[login to view URL]

The Food Standards Agency rates restaurants and other food outlets (collectively known as ‘establishments’) in the UK with a hygiene rating.

1. Show some loading text when waiting loading the next page of data

When changing page, it is difficult to know if the new data has loaded yet as the old data stays on the table. Instead you should see the text: “Loading...”

Acceptance Criteria:

● Given I have not yet loaded any Establishments

● When I navigate to the Home Page

● Then I should see the text “Loading...” below the table headings

● Given I have loaded the Home Page

● And I can see the table is populated

● When I press to next page button

● Then I should see the text “Loading...” below the table headings while the next page of

establishments is being fetched

● Given I have loaded the Home Page

● And I can see the table is populated

● When I press to previous page button

● Then I should see the text “Loading...” below the table headings while the previous page

of establishments is being fetched

2. Filter Establishments by Country or Authority

Users need to be able to filter shown Establishments by their Authority (region in the country). There should be a drop down box above the table that allows the user to choose which Authority to filter the establishments by.

Acceptance Criteria:

● Given the user is on the Home Page

● When the user clicks the Authority drop down box

● Then a list of Authorities is shown

● Given the user is on the Home Page

● And the user has clicked the Authority drop down box

● When the user clicks on an Authority

● Then the list of Establishments is filtered to only show Establishments from that Authority

3. Establishments link to their detail page

Clicking one of the Establishment’s names should take the user to a new detail page showing more information about the Establishment. This page should show a button to “Go back” to the Home Page and the information should include the Establishment’s:

● Address

● Rating

● Date of Inspection as a formatted string “dd/mm/yy”

The layout/ design of this page is not terribly important as long as it contains the correct data listed above.

Acceptance Criteria:

● Given the user is on the Home Page

● When the user clicks on an Establishment’s name

● Then the user is navigated to the Establishment Detail Page

● And can see the Establishments address, rating and date of inspection

● Given the user is on the Establishment Detail Page

● When the user clicks on the “Go Back” button

● Then the user is navigated to the Home Page

4. Favourites table

Users should be able to favourite and unfavourite Establishments to compare them in a seperate table.

Acceptance Criteria

● Add a checkbox next to each Establishment. Toggling this checkbox adds or removes the establishment name and rating from a favourites table at the bottom of the page. This table should appear on all subsequent pages. A “remove” button should sit next to each establishment in the table which, when clicked, removes it from the list.

Looking for fixed price and quick turnaround this week. May take you couple of hours to solve.

Please do not post your code on github or other sharing site.

JavaScript Node.js React.js

ID projekta: #32671388

Več o projektu

3 predlogov Oddaljen projekt Aktiven pred 2 letoma/leti

3 freelancerjev ponuja v povprečju za £45 na tem delu

dimkapacha

Hi, Coding time will be only 2 our 3 hours but it also will take some time to study api and so on. So how about 1 day to complete your job. Looking forward to hearing from you soon. Regards, Dzmitry

£100 GBP v 7 dneh
(11 ocen)
5.3
shyambhalodiya61

I look forward to contributing my skills and experiences to your organization if given the opportunity. I'm confident that I will thrive in this position, seeing that I have all the skills that you are looking for.

£15 GBP v 7 dneh
(0 ocen)
0.0