karadumanb / parcellab-challenge

Parcellab Challenge with next.js using schadn/ui, typescript and tailwind

Getting Started

Clone the repository and follow:

  yarn install

  yarn dev

You will see the login page as shown below. If you enter the correct values for orderNo and zipCode, then you will be able to see the order detail page.

One good example: orderNo = 0000RTAB3 zip_code = 81371

http://localhost:3000/order?orderNo=0000RTAB3&zip_code=81371

The app is mobile optimized!

Testing

You can check and challenge the tests running the following command.

  yarn test

Dependencies

Post requests done by axios. If you need to check how this works with real endpoint that is shared in the challenge. You just need to update the baseUrl in the file lib/axios.ts

Mock apis are created by next using node

UI element created by shadcn https://ui.shadcn.com/ This is the installation of the shadcn -> https://ui.shadcn.com/docs/installation/next

Tailwind is heavily used for any kind of adjustment in the ui. Tests are completed by jest and react testing library.

Thanks for the challenge!

Let me know if you need anything! Enjoy reviewing it!