/Motorway-test

Motorway technical task

Primary LanguageJavaScript

Motorway UI Test

This is a test for Motorway UI technical round. This task is done in React to display images from the API.

Tasks

1. UI development

Created a responsive UI using material UI to display the images returned by the API. Used Modal to review the images full size.

2. Performance

The API that is returning images is rather slow because there was a setTimeOut. Removed it to improve the performance.

3. Forms

Added a form to Login app. Used Modal to display the form. The Submit button does nothing. But if the user has not provided value for the required fields (name, email and income), the Submit button is disabled.

Set up

  • Clone the repo and run npm install

  • npm run serve will run the server

  • in another terminal window npm run start will start CRA

After this, CRA will open a tab with the app running, usually localhost:3000. If you look in src/App.js you'll see the API call to the server is already made and will console log out the results.