Giter Site home page Giter Site logo

emcon33 / inference-aro-frontend Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.51 MB

ARO based workshop with a Resnet18 based Image Classifier with a Gradio front end. Deployable from the repo directly into ARO for workshop testing.

Dockerfile 19.33% Python 80.67%

inference-aro-frontend's Introduction

inference-aro-frontend

This adds a Gradio Frontend to the project on Azure

Upload in your images to see the predictions made by the model in a web interface. Mod by Andrew Grimes and Jim Garrett of Red Hat

This is a Gradio web front end to an API accessed backend to upload "test images" to a container based 2 tier web-app. You can build out multiple front ends for generational access and create pipeline and webhook driven CI/CD process to simulate onboing development and deployment of projects. You can form the project to your own github page to do additonal development. we recommend you have a github project available for the web front end addition.

Sample Frontend Input Image:


This workshop adds onto a prior deployment for this backend. This workshop ads a Gradio based front end to the project. this expects an existing ARO cluster and an existing backend deployment in a project. Backend Repo https://github.com/emcon33/inference-aro-workshop

OpenShift/ARO Web Front End instructions (deck to be created)

  1. Fork this repo to your github account, you will have to modify the URL in this file to your backend and hard code the link prior to the build. Fork this repo: https://github.com/emcon33/inference-aro-frontend Ensure it is public

  2. Update the URL from your backend and then Deploy via Git source to your link. In your fork github repo, edit the main.py update the below link for your backend URL and commit. Then deploy into your project via git import. REST_API_URL = "https://inference-aro-workshop-test2.apps.aro-wz89j.pbio.p1.openshiftapps.com/api/predict"

  3. Use the two embeded images to test the connection. You can also upload test images from the repo page.

2 Tier Web App


Optional

  1. To Test with a pipeline, rebiuld the project again with a -dev name you can select the "pipeline" option during the github import for the container. This will create a Tekton pipeline.

Optional

  1. You can configure a "webhook" to your github that will trigger an auto pull, build and deploy from your github repo fork. The full procedures are here. A "commit" will push the new code and automatically build. https://redhat-scholars.github.io/openshift-starter-guides/rhs-openshift-starter-guides/4.9/nationalparks-java-codechanges-github.html

Pipeline that can be manual or webhook driven.


This displays a github 2 tier web app with a ResNET18 backend for Image Classificaiton and a Gradio based web frontend. You can test out CI/CD automation with the pipeline and automatic builds. Blue Green deployments are also possible with 2 generations of front end connected to a backend.

Original source https://towardsai.net/p/machine-learning/build-and-deploy-custom-docker-images-for-object-recognition

Forked from this github https://github.com/hasibzunair/imagercg-waiter

Enjoy

inference-aro-frontend's People

Contributors

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