Getting Started

Repo link : https://github.com/BirchboxFR/technical-test-front

install the project:

cd technical-test-front/

npm install
# or
yarn install

First, run the development server:

npm run dev
# or
yarn dev

Pay attention to your node (v16) and Npm (v6) version

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Technical Test

First part

You can choose between two exercices :

1 - Wishlist implementation :

• user can add a product to his wishlist
• user can remove a product from his wishlist
• user can navigate to a page with all products saved in the wishlist on url /wishlists

2 - Categories navigation

• user can see products by category and access them on url /boutique/[category]
• categories in side menu have to be displayed dynamically (from api call)
• products have to be displayed and filtered dynamically (from api call)

You can use the api https://fakestoreapi.com/

Remember this is a frontend job offer, pay attention to UI and UX.

We’ve left some UI mistakes, find them and fix them 🙂

Second part

You have to reproduce this component : You can choose similar fonts and the image is available in the public folder. You can positioned the component on the homepage instead of the "lorem" text.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.