MrHassanKhan / car-wash-pwa-app

Opensource Car Wash PWA App built with ❤️ using Angular, Firebase for Netlify and Hashnode hackathon. Watch Full Demo here: https://youtu.be/egrLziXPRSU

CarWashPwaApp

This project was generated with Angular CLI version 12.1.0.

App Detailed Video

App Demo & Detailed Article

App Demo ❇️ Detailed Article

Setting up App in your local machine

Clone source code from Github

git clone https://github.com/muhammadawaisshaikh/car-wash-pwa-app.git

Installing Dependencies

npm install

Start the App

ng serve

Your App is up and running

localhost:4200

Other References

Serve ng App on port

ng serve --host 0.0.0.0 --disable-host-check

Reactive Forms

https://www.digitalocean.com/community/tutorials/angular-reactive-forms-introduction

AngularFire

https://github.com/angular/angularfire https://github.com/angular/angularfire/blob/master/docs/install-and-setup.md

AngularFire Collections

https://github.com/angular/angularfire/blob/master/docs/firestore/collections.md

Angular Firestore CRUD

https://blog.logrocket.com/creating-a-crud-firebase-documents-in-angular/

Angular Firestore Collection Querying

https://github.com/angular/angularfire/blob/master/docs/firestore/querying-collections.md

Angular Fire Storage - Image Upload

https://github.com/angular/angularfire/blob/master/docs/storage/storage.md

Angular Firestore Auth

https://github.com/angular/angularfire/blob/master/docs/auth/getting-started.md https://medium.com/javascript-in-plain-english/how-to-add-firebase-authentication-to-pwa-or-angular-project-using-angularfire-83a8f61d367c

github pages - live deploy

https://medium.com/tech-insights/how-to-deploy-angular-apps-to-github-pages-gh-pages-896c4e10f9b4

Angular/Fire Push PWA

https://medium.com/mighty-ghost-hack/angular-8-firebase-cloud-messaging-push-notifications-cc80d9b36f82