Skip to content

Manon-ds/frontend-interview

 
 

Repository files navigation

iwoca frontend interview test (application portal)

Setup

  1. Clone this repo to your local machine, its a project created using vite.
  2. Make sure you are using the correct node version:
    1. Manually: node -v should return 18.16.0
    2. If you don't have Node version manager (NVM) install install it from here
    3. Using nvm: Run nvm install to install the node version and nvm use to use it
  3. Install the dependencies with npm install
  4. Run npm start to start the frontend on localhost:3000 and the api server on localhost:3001

The Task

Currently there is only one application which is shown using a hard coded JSON fixture in the codebase

The applications api http://localhost:3001/api/applications will return a JSON object of all applications for that user

You can paginate the endpoint using the query string ?_page=2&_limit=5 you must return 5 new applications every time the load more button is clicked, _page= is the page you will be returning and _limit= is number of applications to return

Meta data on the applications can be found on the Link header on any paginated response.

see attached Figma Link for how this should look

  1. There is a pre styled <Button /> component you can use for this.
  2. Any comments you want to pass along to the reviewer add to COMMENTS.md and commit
  3. To submit either send us a link to your public fork or another public repo. Alternatively you can zip up your files minus node_modules and email it over.

Notes

  • We consider tests important here at iwoca. Jest/Vitest are our preferred way of writing them, but you can use cypress or another library if more comfortable. This exercise uses vitest. It offers a very similar API to Jest with additional performance gains.
  • Feel free to alter the technologies used in the code base, eg. we use CSS modules but if you are more comfortable with styled-components for example you can install and use that for your portion of the task.
  • Attention to detail in the design will go a long way.
  • The task focusses mainly on desktop but we would be very happy to see mobile considered.
  • Remember to check your project runs before submitting. - we will be running it in development mode to review.
  • Feel free to refactor the code where appropriate.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 74.0%
  • CSS 21.8%
  • HTML 2.9%
  • JavaScript 1.3%