Skip to content

Instantly share code, notes, and snippets.

@ludder
Created February 16, 2022 18:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ludder/724cac29fc11c45778eb23a52eab4e38 to your computer and use it in GitHub Desktop.
Save ludder/724cac29fc11c45778eb23a52eab4e38 to your computer and use it in GitHub Desktop.

Testcase Shop

We want you to create a very basic ecommerce project in React by creating the homepage of a web shop.

We are interested in the way you:

  • setup database
  • connect to this external resource from Next.js
  • manage state
  • work with asynchronous data
  • setup a project structure and create components

The purpose of this case is NOT creating a full blown app. Do not put more than 16 hours of your time in working on this assignment. The most important part for us is that you can explain the choices you have made.

Also, it's absolutely not necessary to make the application good looking. Just a basic setup with some basic styling is enough.

Functional requirements

  • create a list of max. 10 products
  • in the right upper corner create a shopping cart that shows
    • the number of selected products
    • the total amount of selected products
  • product data should look something like this https://fakestoreapi.com/products
    • (please keep it simple when recreating this API: just a few products (4 or 5), showing just a title, an image, the price),
  • every product should should a title, price and image
  • every product should have a "add to cart" button
  • when the user adds a product to his cart, the number and totals of the shopping cart should be updated immediately
  • add an "empty cart" button

Technical requirements

Assignment

  • Push your solution to our own Github account
  • Once you're done, please send a message that we can have a look at your code
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment