Space X Project
Running the application
npm i
npm start
Running tests
npm run test
Running test with code coverage
npm run test-coverage
Approach:
-
React, TypeScript, Create React App
-
Jest and React Testing Library, I tested the all the component behaviours and demostrate how to test the Redux store. I have 100% coverage on everything except store.ts and LaunchApi.ts
-
Accessibility, the web page can be navigated through via the tab button. For screen readers, I used aria tags and used HTML 5 tags as this has out of the box functionality. Ag Grid also provides hotkey support for improved accessiblity support.
Optional Extras
- Redux (Redux Toolkit) : For handling API state requests, I deliberately overengineered this, I could have made the API call in app.tsx but I wanted to use Redux Toolkit in this project and show how to test the Redux Store
- Material-UI
- Ag-grid : Used for table sorting, filtering and pagination functionality, this also has good accessiblity support out of the box
Fun Additional Extras
- SCSS: Demonstrating basic BEM principles
- CSS transitions for pages