Skip to content

zhentong98/angular-firebase-password-manager-web-version

Repository files navigation

PasswordManager

This project is able to let users save the login credentials into the Firebase database. All the function is working already, the only thing you need to do is create your database and connect to the database. That's all!!

This project is using Angular to build. Please make sure you have install Angular CLI

Table of Contents

##How to run this project?

  1. First, you need to install Angular CLI if you haven't install yet please refer Here
  2. Once the Angular CLI is ready on your machine, clone this project.
  git clone https://github.com/zhentong98/PasswordManager
  1. Open your terminal / Command Prompt cd to that folder you clone just now.
  2. Install all the packages we need for this project.
  npm install
  1. Set up the firebase. Firebase
    Click on the Get Started 1

  2. Click on the Add Project 2

  3. Enter your Project Name and click Continue 3

  4. click the Continue again. 4

  5. Here we select the Default one and click the Create Project. 5

9.Once the project created, then click the Continue. 6

10.Now the project already created, lets continue to enable the Authentication 7

11.Click on the Get Started button. 8

12.Click on the Edit icon. 9

  1. Enable this and click Save. 10

  2. Okay's Authentication is enabled, let's move forward to the Firestore Database. 11

  3. Click on the Create Database button. 12

  4. For now, we select the test mode first. We can change it later and click on the Next button. 13

  5. Select the firestore location, I select the asia-northeast2 and click on the Enable button. 14

  6. Once the database created, should like this. 15

  7. Nice!! Firestore Database we have also done. Let's move to the last step, configure the firebase connection for our Project. Click on the settings icon and select Project settings. 16

  8. Scroll down click on this button. 17

  9. Enter your project name and click Register App 18

  10. Copy this information and paste into the enviroment.ts and enviroment.prod.ts. 19 enviroment.ts
    20 enviroment.prod.ts
    20

  11. That's all you need to configure for this project! now you should able to run this project on your machine, cd to the folder where you clone this project, and run this command on your Terminal / Command Prompt

  ng serve

The default url should be this.

  http://localhost:4200

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
X