- Clone this repo to your local machine, its a project created using vite.
- Make sure you are using the correct node version:
- Manually:
node -v
should return18.16.0
- If you don't have Node version manager (NVM) install install it from here
- Using
nvm
: Runnvm install
to install the node version andnvm use
to use it
- Manually:
- Install the dependencies with
npm install
- Run
npm start
to start thefrontend
onlocalhost:3000
and the api server onlocalhost:3001
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
- There is a pre styled
<Button />
component you can use for this. - Any comments you want to pass along to the reviewer add to COMMENTS.md and commit
- 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.
- 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.