VaultDB Workbench

Live Version

A Web App to query VaultDB

Requirements

• yarn

Libraries Used

• React
• Material-UI
• React-Ace

How to run:

1. Clone the Repository.

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted $env:NODE_OPTIONS = "--openssl-legacy-provider"

2. Follow Manual Setup Instructions on this site to manually set up connections to your S3 bucket.

3. Add window.S3_BUCKET_NAME=<your_bucket_name> to the config.js file.

4. Run yarn install to install the project dependencies.

5. Run yarn start to run the app in development mode.

6. App can be seen at: http://localhost:3000/

Page Load Time

Page Load TIme has been calculated by using the Lighthouse Tool.

Steps taken to Optimize

1. There was render blocking javascript for google font causing delay, used method mentioned here to overcome the problem.

2. Import for react-ace editor was long tasks running during page load, Converted it to Lasy loaded component using React.lazy() for code-splitting and delaying it's loading.

3. Only importing used Module in a component from library rather than importing whole library.

create-react-app

This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.