Giter Site home page Giter Site logo

godlysunny / web-bootstrap Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lobe/web-bootstrap

0.0 0.0 0.0 31.25 MB

Bootstrap your Lobe machine learning model with our web starter project.

Home Page: https://lobe.ai

License: MIT License

HTML 5.68% TypeScript 82.10% CSS 12.22%

web-bootstrap's Introduction

Web Bootstrap header

Lobe is a free, easy to use app that has everything you need to bring your machine learning ideas to life. Web Bootstrap takes the machine learning model created in Lobe, and adds it to a project in the browser that uses React, Create React App, TypeScript, and TensorFlow.js.

Get Started

  1. Clone or download the project on your computer and install Yarn. Yarn is the software package that will install all the dependencies and make sure the code automatically reloads when changes are made.

  2. Run yarn install to install required dependencies and run yarn start to start the server in development mode. This will open a web browser to localhost:3000. By default, this project is using the TensorFlow.js exported model from Lobe found in the public/model/ folder.

  3. To use your own model file, open your Lobe project, go to the Use tab, select Export, and click on the TensorFlow.js model file. When exported, drag the model.json, signature.json, and all the *.bin files to the public/model/ folder.

Additional Information

Check out the Create React App documentation for more information on React and the project structure.

There are three main components: Camera, Prediction, and StaticImage. The Camera, which runs in components/camera/Camera.tsx is responsible for displaying a live full screen view of the user's selected webcam. The Prediction component components/prediction/Prediction.tsx is the box in the lower left hand corner, and is responsible for displaying the top prediction results and their confidences. The StaticImage component components/staticImage/StaticImage.tsx displays an image selected from the file picker and runs it through the model from a canvas element.

Known Issues

TensorFlow.js on Safari may have problems initializing the WebGL backend for acceleration and will fall back to the CPU. You can use the WebAssembly (wasm) backend as an alternative to WebGL: https://www.tensorflow.org/js/guide/platform_environment#wasm_backend

Contributing

GitHub Issues are for reporting bugs, discussing features and general feedback on the Web Bootstrap project. Be sure to check our documentation, FAQ and past issues before opening any new ones.

To share your project, get feedback on it, and learn more about Lobe, please visit our community on Reddit. We look forward to seeing the amazing projects that can be built, when machine learning is made accessible to you.

web-bootstrap's People

Contributors

adammenges avatar mbeissinger avatar ramongilabert avatar dependabot[bot] avatar billba avatar nonoesp avatar sikanderiqbal 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.