This is a Movies App built using Angular and RxAngular.
As data source the The Movie Database (TMDB) API is used.
powered by
![push-based.io](https://user-images.githubusercontent.com/10064416/158282835-d577b7dc-17f0-4269-9ebc-8f17bfc2ec9c.png)
A live deployment of this app is available to try it out.
For now you can search the codebase for "Perf Tip" later on there will be propper documentation here.
Bundle Stats
Names | Size |
---|---|
main.3be9aa83a5fc0ab3.js | 333.7 KB |
styles.be05b375b7ddee56.css | 6.14 KB |
runtime.2ebee702aaf70ea8.js | 3.73 KB |
Initial Total | 343.57 KB |
Names | Size |
app_pages_movie-detail-page_movie-detail-page | 15.43 KB |
app_pages_person-detail-page_person-detail-page | 10.94 KB |
common.fa88d42376be556b.js | 10.69 KB |
app_pages_account-feature_list-detail-page_list-items-edit_list-items-edi-393246.a07ece70117839f4.js | 6.93 KB |
app_app-shell_account-menu_account-menu_component_lazy_ts.dbb1672cdc5020df.js | 4.32 KB |
app_pages_account-feature_account-list-page_account-list-page | 4.01 KB |
app_pages_account-feature_list-detail-page_list-detail-page | 3.93 KB |
app_pages_account-feature_list-detail-page_list-remove_list-remove | 3.23 KB |
app_pages_account-feature_list-detail-page_list-image_list-image | 2.77 KB |
app_pages_not-found-page_not-found-page | 1.84 KB |
app_pages_account-feature_list-detail-page_list-movies_list-movies | 837 Bytes |
Contributions are always welcome!
For large changes, please file an issue to discuss your proposed changes with us before working on a PR :)
Clone and install the dependencies for ws-angular-performance
locally:
git clone https://github.com/push-based/ws-angular-performance.git
cd angular-movies
npm install
- Take a copy of
src/environments/environment.local.example.ts
and re-name tosrc/environments/environment.prod.ts
- Get your TMDb API key
- Get your TMDB API read access token
- Enter the details into the
src/environments/environment.prod.ts
file
npm run build:dev
: dev buildnpm run build:prod
: production buildnpm run build:prod:ssr
: production build for SSRnpm run start
: serve the project locally for developmentnpm run start:ssr:dev
: serve the project locally SSR for developmentnpm run start:ssr:prod
: serve the project locally SSR for productionnpm run analyze:bundlesize
: bundle size analysis
Built with:
Measures:
- Bundle sice listed fron dist
- Comparison videos with webpagetest
- Lighthoure reports with lighthouse-metrics
- User-flows created with @push-based/user-flow
Based on the original angular-movies
foundation by @clamarque.