Skip to content

Latest commit

 

History

History
69 lines (40 loc) · 1.72 KB

README.md

File metadata and controls

69 lines (40 loc) · 1.72 KB
Raw

frontend-challenge

Welcome to paymenttools.

This is a simple react project setup with vite and typescript

run it locally

This application is using pnpm as package manager. To install the package manager run

npm install -g pnpm

To install dependencies run

pnpm install

To run the application locally run

npm run dev

fakeStoreApi

here you find a mock API to use for fetching products

https://fakestoreapi.com/docs

coding challenge

Here are some challenges that you can tackle together with your interview partners. It is not about solving all of them or solve them in a perfect manner, but more about seeing how you would approach the different tasks. Feel free to ask for help.

1. Fetch API

  • Please extend this application by fetching and displaying some products from the api above.

    • There is no requirement on how to do this, it's up to you
    • Material UI and styled-components is already installed and ready to use

  • Please implement a functionality to add a new product.

2. Fix and render component PTTabs

  • Please have a look at src/components/tabs/PTTabs.tsx and render it in the App.

    • You may run into some problems rendering it correctly...
    • The component is supposed to have a working tab switch to show different content

3. Code review

  • Please take a look at src/code-review.ts and give some feedback on the code.

4. Unit test

  • Please build a simple component with some user interaction and write a unit test for it.

    • jest and testing-library/react is already installed and ready to use

5. Discuss how to improve the app

  • Imagine this would be a real application in production. How would you improve the project?

Happy Coding ❤️ 🚀