https://github.com/kenken64/ng-whatszap
Angular + Chat App + Firestore CloudStore
https://github.com/kenken64/ng-whatszap
angular firebase firestorage typescript webrtc
Last synced: 11 months ago
JSON representation
Angular + Chat App + Firestore CloudStore
- Host: GitHub
- URL: https://github.com/kenken64/ng-whatszap
- Owner: kenken64
- Created: 2018-09-30T15:34:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-09-06T13:26:05.000Z (almost 7 years ago)
- Last Synced: 2025-04-24T03:38:51.766Z (about 1 year ago)
- Topics: angular, firebase, firestorage, typescript, webrtc
- Language: TypeScript
- Homepage:
- Size: 59.7 MB
- Stars: 11
- Watchers: 4
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ng-whatszap
```
to be youtube guide
```
Visit my [Demo](https://whatszap.kennethphang.asia)
```
npm install firebase @angular/fire --save
ng add @angular/material
npm install @angular/flex-layout --save
ng add @angular/pwa
npm install --save hammerjs
npm i firebase ngx-perfect-scrollbar angular-audio-context @angular/fire —save
```
Import all the packages from angularfire
app.module.ts
```javascript
import { AngularFireModule } from '@angular/fire';
import { AngularFireStorageModule } from '@angular/fire/storage';
import { AngularFireMessagingModule } from '@angular/fire/messaging';
```
Inject the modules into the imports array on the NGModule annotation.
```javascript
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
AngularFireModule.initializeApp(environment.firebase),
AngularFireStorageModule,
AngularFireMessagingModule
],
providers: [],
bootstrap: [AppComponent]
})
```
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.1.5.
## Development server
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.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).