Minimalistic project getting list of top exchanges from coingecko API and presenting it in a responsive Table. Unit tested with Jest, E2E tsted with Playwright.
To run
and then
To test with Jest
To test E2E tests with playwright
and after app starts
npm run test-ct
Few notes about the solution:
I used css grid in multiple places, which is supported from IE11 onwards. IE11 doesn't treat grid exactly the same as more up to date browsers, hence in order to achieve exactly same behaviour on all browsers I should add polyfills, such as in this article: https://dev.to/theblairwitch/css-grid-in-ie11-it-s-possible-and-not-as-hard-as-you-think-okp#article-body
Things to improve:
- Css modularity. Global css is incredibly hard to maintain with bigger apps, but left it hanging as for the demo purposes it's not an issue.
- E2E tests could be more robust, with testing for error responses for all requests.