https://github.com/ahmnouira/lovely-offline-pwa

Create Progressive, Fast, Engaging & Reliable PWA using Angular and Firebase, An app that saves personal notes in Firebase. This app have user authentication funionalites and let user do CRUD to notes in their personnal account.
https://github.com/ahmnouira/lovely-offline-pwa

angular angular-material angular8 firebase firebase-auth firebase-authentication firebase-database firestore firestore-database hammerjs material-design mobile-app mobile-web pwa pwa-app pwa-apps pwa-example rxjs

Last synced: 5 days ago
JSON representation

Create Progressive, Fast, Engaging & Reliable PWA using Angular and Firebase, An app that saves personal notes in Firebase. This app have user authentication funionalites and let user do CRUD to notes in their personnal account.

• Host: GitHub
• URL: https://github.com/ahmnouira/lovely-offline-pwa
• Owner: ahmnouira
• License: mit
• Created: 2019-09-30T17:43:29.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T17:50:27.000Z (11 months ago)
• Last Synced: 2024-05-21T03:03:44.628Z (6 months ago)
• Topics: angular, angular-material, angular8, firebase, firebase-auth, firebase-authentication, firebase-database, firestore, firestore-database, hammerjs, material-design, mobile-app, mobile-web, pwa, pwa-app, pwa-apps, pwa-example, rxjs
• Language: TypeScript
• Homepage: https://lovely-offiline.web.app/notes
• Size: 2.27 MB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 35
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# lovely-offline-pwa-pwa

* This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.6.

* This Project is backed by **Firebase Firestore** as a real-time database.

* This Project uses **Angular Material** for styling.

# Overview 

![layout](./img/layout.png)

## 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.

## 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.

## Deploy the App to Firebase Hosting 

1. Build the project using `ng build --prod`.

2. Install firebase CLI `npm install -g firebase-tools`. 

3. Login to your firebase acccount `firebase login`.

4. Run `firebase init` to initialize the project.

Upon the  initializing the project you'll be asked a few questions like: 

* Firebase CLI features.

* Databse rules file.

* Public directory: `dist/` in this case `dist/user-management-app`.

* Configure as Single-Page-App: `y`.

* Overwrite `index.html`: `n`.

5. `firebase deploy` to deploy the application.

This application is available at https://lovely-offiline.web.app.