This is a NativeScript + Angular app, showcasing Marvel Comics APIs. You can use the app to navigate between characters, series, comics, stories, events and creators. All data is provided and owned by Marvel, with all rights reserved.
Also note that the Marvel Comics API comes with it's own terms of use.
The main purpose of the app is for beginners to get insight into a slightly more complex app than the regular "hello world" type of app.
This app features
- Nested routing
- page-router-outlet -> tab view -> router-outlet per tab
- Lazy loaded modules
- Encapsulated, re-usable routing
- Custom fonts
- OpenSans for text
- Material Icons for icons
- Generated API code from Swagger/OpenAPI spec
- Custom HTTP interceptor for setting API-key and tracing network requests
- Theme with Dark mode support
- ...and more
- Clone this repo
- Create a
.envfile for API secrets - Install NativeScript
- Create a Marvel account
- Get a key
- Configure "Your authorized referrers"
- Put the API key and referer into
.env-file
MARVEL_API_KEY=<your_key>
MARVEL_API_REFERER=<your_referer>
Run application with ns run ios|android --emulator
I'm sure there are already many improvement areas here, and not much thought has gone into theming/styling. So, if you see anything you would like to change or fix, feel free to send a PR.