Awesome Open Source
Awesome Open Source

Angular 4 POS

A basic point-of-sale demo application built in Angular 4. This project uses Angular Material UI elements ( and a Firebase Cloud Firestore and Firebase Auth backend (

The purpose is to demonstrate a simple POS using modern frameworks. Users can perform transactions, add/modify products (with image upload), create new user accounts, and see a paginated transaction history. Adding/removing users and products is restriced to Admin users.


This project was generated with Angular CLI version 1.4.4.

Project built by Sam Finan ( for fun & games.

How to Use

  1. Clone project
  2. Run npm install
  3. Create Firebase environment config files (see below).
  4. Run ng serve

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.

Firebase Configuration

Create src/environments directory and environment.ts and configuration files. The configuration files should use the following format and can be retrieved from your Firebase console.

export const environment = {
  production: false,
  // Initialize Firebase
  firebaseConfig: {
    apiKey: 'xxxxxx',
    authDomain: '',
    databaseURL: '',
    projectId: 'angularpos',
    storageBucket: '',
    messagingSenderId: 'xxxxxx'


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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (11,641
angular (1,313
firebase (491
angular4 (154
crud (136
firestore (97
firebase-auth (76
firebase-database (63
pos (37