khadimniass / authentification-angular

ClockItApp

clockithub.com - For Helping employers and employees keep track of working hours

Find on YouTube

• Learn how to build this app

Install and Setup

When you first clone this repository you will need to complete a couple of steps to get the app to work. A video is available on how to clone a setup this project at

• How To Setup Project ===================================

First Step : Install NPM Packages

After cloning the repository, navigate into the CI-SPA folder in the command line and run:

         npm install

After you run the "npm install" command it will take a few minutes to download all the packages you will need for the Angular SPA.

Second Step : Set up Database Connection

In this project the database being used is SQLite. Learn more at:

• Setting up SQLite Database Navigate into the CI.API folder in the command line and run:

       dotnet ef database update
  

After running this command you should find a App.db file in the CI.API folder.

Third Step : Configure appsettings.json file

In the appsettings.Development.json is a copy of connection strings you will need for email,blob Storage ect. services to work.

Add your own connection strings. Make sure the variable names match in the startup.cs class with appsetting.json

-Example

         "AppSettings": {
           "Key": "yoursecretkey"
        },
        "Mailjet": {
            "Host" : "Host Address",
            "ApiKey" : "Username Key",
            "ApiKeySecret": "Secret Password Key",
            "Port": "Port Number",
            "SenderEmail": "Sender Email"
        }

Fourth Step : Run App

-Run the server Navigate into CI.API folder using the command line and run:

     dotnet run

-Run the Angular SPA Navigate into CI-SPA folder using the command line and run:

     ng serve

Go to http://localhost:4200 in the browser