Warning

Repository Deprecated

This repository is no longer actively maintained or supported.
Feel free to use or fork the code, but no further updates or issue responses should be expected.

An online store project based on Angular with Firebase authentication.

This project was generated with Angular CLI version 15.0.4.
The Angular Material UI (15.0.4) is used to build the front end.

Installation

Requirements:

• Installed node.js
• Code editor or IDE (which supports typescript, javascript)

Commands:

npm install
npm install -g @angular/cli
npm install firebase @angular/fire

if you are using powershell use

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

Dev server

Invoke the tool on the command line through the ng executable.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application 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.

Firebase configuration

In the src folder create a folder environments.
Then create a file environment.ts. It is where the API key is stored.
Add your own configuration by changing x values.

export const environment = {
  production: false,
  firebase: {
    apiKey: "xxxxxxxx-xxxxxxxx",
    authDomain: "xxxxxxxxxxxxxxxxxxxxxxxx",
    databaseURL: "xxxxxxxxxxxxxxxxxxxxxxxx",
    projectId: "xxxxxxxx",
    storageBucket: "xxxxxxxx",
    messagingSenderId: "xxxxxx",
    appId: "xxxxx",
    measurementId: "xxxxxxxxxxxxxxxx"
  }
};

Gallery