Frontend Challenge

[darde]

Description

This application simulates a simple order tracker. It's built with NextJS, Tailwindcss, and Material UI.

Repository Pattern

This application uses the Repository Pattern to simulate an external API. The src/pages/repositories/InMemoryRepository.js file has an in memory database called orders.

API

You can find the API endpoint responsible for providing the order information on src/pages/api/order.js

Videos

Screen-2023-11-02-235507.mp4

Running the application

To run the application you need to install the dependencies and start the dev script as below:

npm install

npm run dev

Runing test

npm run test:watch

Type of change

Warning Please delete options that are not relevant.

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

• Unit Testing

Run npm run test to run the tests.

Checklist:

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any external resources that are necessary for this change to work have been created (e.g. databases, S3 buckets, Kafka topics, etc.)