Please read the entire file before starting.
npm install
npm start
If you encounter an issue with Cors-Headers when trying to use the app please download one of the following chrome extensions:
https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi
https://chrome.google.com/webstore/detail/cors-toggle/jioikioepegflmdnbocfhgmpmopmjkim
This app was built using TypeScript, a Javascript superset that adds static typing, I believe that in order to keep any code base, larger than 20 lines of code, maintainable one must use static types.
This app was built to fit (almost) any screen size.
This app uses no external CSS libraries. This is to keep the small code base bloat free and easy to read.
Notice that each .tsx file has a .css file with the same name, this is to insure that each file only uses it's own CSS classes and that if one class is changed it will not effect the rest of the codebase.
npm run test
This app uses a testing method called Snapshot Testing. Snapshot testing is a quick and easy way to test components during the maintenance phase.