ClockItApp
clockithub.com - For Helping employers and employees keep track of working hours
Find on YouTube
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