https://github.com/grycap/cloudtrail-tracker-ui
CloudTrailTracker User Interface
https://github.com/grycap/cloudtrail-tracker-ui
Last synced: 3 months ago
JSON representation
CloudTrailTracker User Interface
- Host: GitHub
- URL: https://github.com/grycap/cloudtrail-tracker-ui
- Owner: grycap
- License: apache-2.0
- Created: 2018-05-23T17:15:37.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2026-03-06T12:18:13.000Z (3 months ago)
- Last Synced: 2026-03-06T15:44:13.480Z (3 months ago)
- Language: JavaScript
- Homepage: https://www.grycap.upv.es/cloudtrail-tracker
- Size: 11.3 MB
- Stars: 1
- Watchers: 5
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CloudTrail-Tracker-UI
CloudTrail-Tracker-UI is the web portal based on Vue.js that queries the REST API of [CloudTrail-Tracker](https://github.com/grycap/cloudtrail-tracker) to visually show the high-level aggregate information related to the use of resources in AWS by different users based on the events information.
## Visual Aspect of the Dashboard
The dashboard depicts an aggregated view of the AWS services usage in a pre-defined time frame:
It also allows users to know their progress percentage across a set of lab activities. The set of events per lab activities are defined in [envprac.js](src/envprac.js). This is useful when applying this tool for the academic teaching of Cloud Computing with Amazon Web Services:
Clicking on each bar allows the user to know the missing events per lab activity:
An academic publication on the adoption of this tool as a learning dashboard for students is available in:
Naranjo, Diana M., José R. Prieto, Germán Moltó, and Amanda Calatrava. 2019. “A Visual Dashboard to Track Learning Analytics for Educational Cloud Computing.” Sensors 19(13): 2952. https://www.mdpi.com/1424-8220/19/13/2952/htm (July 4, 2019).
## Requirements
* An existing [Cognito User Pool](https://docs.aws.amazon.com/cognito/latest/developerguide/cognito-user-identity-pools.html) to store the users, created in your AWS account.
* [npm](https://www.npmjs.com/) installed.
## Deployment
This is a static web application (HTML + CSS + JavaScript) and, therefore, it is expected to be deployed in an S3 bucket as this is the most secure, scalable and cost-effective approach.
1. Create a file named `src/env.js` (see example in `src/env_example.js`) specifying the corresponding values (obtained from the Cognito User Pool). IdentityPoolId is not necessary.
``` js
module.exports = {
COGNITO:{
region:'us-east-1',
ClientId:'XXXXX',
UserPoolId:'us-east-1YYYYYYYY',
},
}
```
1. Modify the file `src/api.js` to define the API Gateway endpoint on which CloudTrail-Tracker is exposing its REST API.
1. Start a local server to verify the web application:
1. Install the dependencies:
```sh
npm install --legacy-peer-deps
```
1. Run the server in localhost
```sh
npm run dev
```
The web application will be available in `http://localhost:8080`
1. Create the static web site by issuing:
```sh
npm install --legacy-peer-deps
npm run build
```
The static web site will be available in the `dist` folder.
5. Upload the folder to an [S3 bucket with website configuration](https://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.html).
## Contributing
Before you contributing to this project, you should be familiar with [What is Amazon Cognito](http://docs.aws.amazon.com/cognito/latest/developerguide/what-is-amazon-cognito.html) and [Vue.js](https://vuejs.org/)