Giter Club home page Giter Club logo

helixsystemupgrade-2021's Introduction

READ-ME

Installation Guide

Prerequisites

  • Java version 16 or higher
  • Apache Tomcat version 9.0.45 or higher
  • An IDE or development environment of your choice.

Step-by-step guide

In this step-by-step guide I will be making use of JetBrains IntelliJ IDE, but the steps should be similar for other IDEs.

  • Step 1. Download or clone the project from GitHub.
    (If you clone the project you can skip to Step 3.)

    Download zip from GitHub


  • Step 2. Unpack the downloaded zip to your folder of choice.

    Extract the zip folder


  • Step 3. Open the project with your IDE or code editor of choice.

    Open the project


  • Step 4. Let Maven install all needed dependencies and plugins.
    Install โŸถ Validate

    Maven Install and Validate


  • Step 5. Setup Tomcat configuration.
    Create a Local Tomcat configuration

    Create a Local Tomcat config

    Set up the configuration as shown in the example below. Note the underlined elements. Configure Tomcat


  • Step 6. Run the application.

Run the application


How to use the application

- General

All pages, except the log-in page have two buttons on the header of the page, the left button (inbox icon) can be clicked to be brought to the notifications page. Next to the notifications button there is a button that can be used to log out of the logged-in account (arrow moving away from a door).


- Log In page

Log in with one of the accounts noted in all-accounts.json and click on the button to log in (arrow moving towards a door).
For ease of use I have provided some account details below.

User account:
Username: John Doe
Password: johndoePassword

Admin account:
Username: admin
Password: admin

Log-In Page


- Account page

On the left side you can view a users profile and account details and on the right-hand side you can view a list of all the HelixSystems a user has access to. You can click on one of the HelixSystems to go to view their inventory.

Account Page


- HelixSystem Inventory page

Here you can view the inventory of a HelixSystem with all the products that HelixSystem holds. Clicking on one of the products allows you to view more details of that product on the product page.

HelixSystem Inventory Page


- Product page

This is the product page, here you can view more details about the product in question. At the bottom half of the page you can also view recommendations of other products related to this product.

Product Page


- Notifications page

When you press on the "notifications" button you will arrive at the notifications page, here you can view the notifications of a user. By pressing on the left button (bel icon) on a notification a user can mark that notification as interesting. A user can also delete a notification by pressing the right button (trashcan icon).

Notifications Page

helixsystemupgrade-2021's People

Contributors

dwarfninja avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.