Find Jobs
Hire Freelancers

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

£10-20 GBP

Closed
Posted about 2 years ago

£10-20 GBP

Paid on delivery
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.
Project ID: 32671388

About the project

3 proposals
Remote project
Active 2 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
3 freelancers are bidding on average £45 GBP for this job
User Avatar
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 in 7 days
5.0 (11 reviews)
5.3
5.3
User Avatar
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 in 7 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED KINGDOM
Harrow, United Kingdom
0.0
0
Member since Jan 18, 2022

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.