Inspired by Ignite UI for Angular
Application that uses Angular framework, Firebase Auth and Real time databse, and Ignite UI for Angular components.
Open https://igniteui.github.io/crypto-portfolio-app/ to see the web app.
- base href used for the web app -
<base href="https://igniteui.github.io/crypto-portfolio-app/">
Mobile app available here, only for Android phones.
- base href used for the mobile app -
<base href="./" />
. Usedist
folder files in order to create the .apk file. Before zipping the folder, go toindex.html
file and change the base href. When the zip is ready, upload it to phonegap app builder and create the .apk.
This project is generated with Angular CLI.
- Generate CryptoCompare API key (Used by data services)
- Generate Firebase configuration (Used for firebase auth and data storing).
- Run
npm install
Note: Use node version 10.18.1 - Run
ng serve -o
Note: Once you generate CryptoCompare API key, put it in the data.service.ts
as private apiKey: string = '<your-api-key>'
.
Firebase configuration should be added in the app.module.ts
file:
export const firebaseConfig = {
apiKey: '',
authDomain: '',
databaseURL: '',
projectId: '',
storageBucket: '',
messagingSenderId: ''
};
- Run
ng build --prod --aot
- Go to
dist folder
and host with IIS or any other provider (example lite-server)
Use the command npm run build:web:noProd
(because of the 'ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'from' of undefined. TypeError: Cannot read property 'from' of undefined'), npm run build:web:prod
or:
- Run
ng build
- Go to
dist folder
and copy paste the content in thedocs
folder. Change the base href url to be<base href="https://igniteui.github.io/crypto-portfolio-app/">
docs
folder is used for the GitHub Pages site. Related to Publishing your GitHub Pages site from a /docs folder on your
master branch
Use ng build --prod --aot
to build the project, copy -> paste
into docs
folder the generated content in dist
folder, and replace the base href
.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Use phonegap to build the mobile application, the aot build proccess will update the content of the dist folder. Use it to replace the content in mobile/www/...
Keep in mind that the base href for the mobile app should be <base href="./">
.zip the mobile folder and use phonegap builder to generate .apk file/
Loading spinners in the app - SpinKit