seraphinush/image-hub

UBC CPSC 319 project by team NLGPSAG for Associative Engineering (AE)

image-hub

UBC CPSC 319 project by team NLGPSAG for Associative Engineering (AE)

Runtime environment

• .Net Core 2.1 (Back-end)
• npm with React 16.8.3 or above (Front-end)
• Azure Active Directory (Authentication)
• Microsoft SQL Server (Database)

How to run Image Hub

1. Clone repository
2. Install npm packages by running npm install in directory \image-hub\ClientApp
3. Set Azure Active Directory configurations in directory \image-hub\ClientApp\src\adalConfig.js
4. Set Azure Active Directory configurations and Microsoft SQL Server connection configurations in directory image-hub\appsettings.json
5. Run project on Visual Studio (recommended) or JetBrains Rider

Setting up Azure Active Directory

The project is hosted on azure and uses AAD for authentication

1. Create an azure web app. How to create an azure app
2. Change the settings in adalConfig.js found in \image-hub\ClientApp\src\adalConfig.js. Check react-adal docs for more info
3. Change the settings in GraphApiController.cs found in \image-hub\Controllers to match your app information

Admin Authorization Policies

1. Create an Admin group in AAD. How to create a group
2. Get the group ID
3. Go to image-hub\Startup.cs and locate the comment // Authorization
4. Replace the group ID inside the policyBuilder with the one you created

For more information read here

Setting up database

1. Entity-relationship diagram

2. Relationship schema

3. SQL file to create and batch the database server:

   • 1st sql file is "create the database" which is needed to query on the master database
   • 2nd sql file is "fill the created database" which is needed to query on the created database

4. Set up Azure Data Studio for the database

Live Website

https://aeimagehub.azurewebsites.net