- To Design a web app that solves Prince Theater problem, which allows the customers to see what movies are available and which movie provider streams at a lower price.
- Angular 11
- Angular Flex Layout ( UI Design )
- Angular Material ( UI Design )
- Postman to verify API endpoint
- Clone the project from my github account
npm i
to install the packages- Run
npm run ng serve
for a dev server. Navigate tohttp://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run npm run ng test
to execute the unit tests via Karma.
Run npm run ng e2e
to execute the end-to-end tests via Protractor.
Given the wireframe provided by Lexicon Digital, I decided to use Angular 11 (TypeScript) as I have been working on it recently for work and personal projects. Below is the advantage of using Angular on this project
- TypeScript: Less Prone to Errors
- MVC: Easy Development, Eliminate unecessary code
- Code Structure: Organizes code into buckets, whether it is components, directives, pipes, or services. The buckets make application functionality organization easy, segregating it into features and reusable chunks. Buckets AKA Modules also allow for lazy loading, which paves way for application feature loading in the background or on-demand.
- Very simple unit testing: Independent of each other, the components make unit testing much easier.