themaximehardy / interview-frontend-hokodo

Technical test for frontend interview @Hokodo

Hokodo Bookshelf

Technical test for the frontend interview @Hokodo.

Intro

1. I've started with a simple create-react-app which offers all the tools we need to create a production ready React app.
2. I've added some test libraries (as devDependencies) and the react router (to create 2 routes and a 404 page).
3. I've used React hook (useState, useEffect, useMemo and Context).
4. I've added a Dockerfile and a Docker compose file to deploy it easily.

Let's launch it 🚀

---

Via Docker:

Running the app – up and build:

docker-compose up --build -d

You can see the app running on http://localhost:3001/

Stop the app – down:

docker-compose down

---

Via yarn:

cd hokodo-bookshelf
yarn # install the dependencies

Start the app:

yarn start

You can see the app running on http://localhost:3000/

Build the app:

yarn build

Run the tests:

yarn test

---

Optimisation and next steps

• Make it responsive and mobile friendly
• Create a search input to find quickly a book
• Now, I'm making only 1 request (when we load the page) but it would be great to have more endpoints depending of the situation (list of books or single book...)
• Write more tests!!