Git Product home page Git Product logo

bwendt-mylo / tutorial-web-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from integr8ly/tutorial-web-app

0.0 2.0 0.0 10.76 MB

This web application provides the front door into the Integreatly initiative. It houses the various walkthroughs, as well as a dashboard of installed products/services.

License: Apache License 2.0

JavaScript 84.23% Dockerfile 0.11% Shell 1.62% HTML 0.77% CSS 13.27%

tutorial-web-app's Introduction

tutorial-web-app

This web application provides the front door into the Inetgreatly initiative. It houses the various Tutorials (aka Steel Threads) as well as a dashboard of installed products/services.

Local Development

yarn install
yarn start:dev

The webapp will automatically open (http://localhost:3006) in your browser and watch for file changes. When running locally, the available services list is mocked, and service urls set via env vars.

Local Development against existing Openshft

yarn install
OPENSHIFT_HOST={openshift_master_uri} SSO_ROUTE={sso_url} yarn start:dev

example command against PDS cluster OPENSHIFT_HOST=master.CITY.openshiftworkshop.com SSO_ROUTE=secure-sso-sso.apps.CITY.openshiftworkshop.com yarn start:dev

Deployment to OpenShift (Remote Development Setup)

A git reference can be deployed to a remote OpenShift cluster.

cd deployment
./create_webapp.sh openshift.example.com:8443 webapp-001 development

NOTE: The cluster must be setup for cors manually. This requires adding the webapp route to the corsAllowedOrigins block in master-config.yml.

To rebuild & redeploy:

oc start-build -n webapp-001 tutorial-web-app

Deployment to OpenShift (Non-Development Setup)

A git reference can be deployed to a remote OpenShift cluster.

cd deployment
./create_webapp.sh openshift.example.com:8443 webapp-001 development

NOTE: The cluster must be setup for cors manually. This requires adding the webapp route to the corsAllowedOrigins block in master-config.yml.

To rebuild & redeploy:

oc start-build -n webapp-001 tutorial-web-app

Deployment to OpenShift (Non-Development Setup)

oc new-project tutorial-web-app
find . | grep openshiftio | grep application | xargs -n 1 oc apply -f
oc new-app --template react-demo-app -p SOURCE_REPOSITORY_URL=https://github.com/priley86/integr8ly-prototype -p SOURCE_REPOSITORY_REF=development

Documentation

This project requires asciidoctor. It uses asciidoctor.js to render adoc files at runtime.

To write documentation for inclusion in the app, you only need to edit the files in the pages directory.

After making edits, run the buildDocs.sh script.

Each walkthrough requires:

  • master-.adoc
  • attributes-.adoc
  • task-.adoc
  • .adoc (only if task consists of more than one step)

Running the tests

Tests are implemented using Jest, Enzyme, and Stylelint. Run them with:

yarn test

Releasing

To do a release of the webapp, update the version in package.json

npm version x.y.z
git tag x.y.z

Push the changes (including the version tag) to the repo

git push origin master
git push --tags

This will trigger a new release build. If the build is successful, a new image will be pushed to https://quay.io/repository/integreatly/tutorial-web-app. The new image will be tagged as latest and the version number x.y.z.

TODO: Installing a released version of the webapp to OpenShift

tutorial-web-app's People

Contributors

adamj avatar aidenkeating avatar david-martin avatar dlabaj avatar jameelb avatar mfrances17 avatar odra avatar pb82 avatar philbrookes avatar priley86 avatar pwright avatar trepel avatar witmicko avatar

Watchers

 avatar  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.