Expertise Portal

Index	Description
High Level Architecture	High level overview illustrating component interactions
Deployment	How to deploy the project
User Guide	The working solution
Files/Directories	Important files/directories in the project
Changelog	Any changes post publish
Credits	Meet the team behind the solution
License	License details

High Level Architecture

The following architecture diagram illustrates the various AWS components utliized to deliver the solution. For an in-depth explanation of the frontend and backend stacks, refer to the Architecture Deep Dive.

Deployment Guide

To deploy this solution, please follow the steps laid out in the Deployment Guide

User Guide

For instructions on how to navigate the web app interface, refer to the Web App User Guide.

Files And Directories

.
├── amplify
├── backend/
├── node_modules
├── public
├── src/
│   ├── actions
|   ├── assets/images
│   ├── components/
│   │   ├── AdminDashboard/
│   │   ├── authentication/
│   │   ├── Rankings/
│   │   ├── ResearcherProfile/
│   │   ├── SearchResearchers/
│   │   │   ├── AdvancedSearch/
│   │   │   └── Search/
│   │   ├── Metrics/
│   │   ├── LoadingWheel.js
│   │   └── NavigationBar.js
│   ├── graphql/
│   ├── reducers/
│   ├── views/
│   ├── .gitignore
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── aws-exports.js
│   ├── index.css
│   ├── index.js
│   ├── reportWebVitals.js
│   ├── setupTests.js
│   └── themes.js
├── .gitignore
├── .graphqlconfig.yml
├── package-lock.json
├── package.json
└── README.md

1. /backend: Contains all the backend code for the site
2. /docs: Contains all relevant documentation files
3. /src: Contains all the source code for the website.
   1. /components: Reusable React components.
      • Components are organized into folders, with the folder names being the page name/functionality that the components within are used for
      • Components that are not in any subfolders are used on multiple different pages, or for overall app functionality. Below is a description of these components:
        • LoadingWheel.js: Used in pages where you need to indicate loading
        • NavigationBar.js: Used in everypage to help users navigate between pages
   2. /graphql: Contains files for mutations, queries and the schema
   3. /reducers: Reducers for Login and Signup authentication states
   4. /views: Files for app routing
   5. /themes.js: Global styling for fonts. Note that most components have their own module-scoped styling.

Changelog

N/A

Credits

This application was architected and developed by Lance Holland, Matthew Stefansson, Christy Lam, and Tien Nguyen, with project assistance by Campbell Speedy and Anh Le. A special thanks to the UBC Cloud Innovation Centre Technical and Project Management teams for their guidance and support.

License

This project is distributed under the MIT License.