{"id":20058646,"url":"https://github.com/roboflow/homepage-demo","last_synced_at":"2025-05-07T10:11:26.319Z","repository":{"id":98131707,"uuid":"595659710","full_name":"roboflow/homepage-demo","owner":"roboflow","description":"Build an in-browser model experience like the one on the Roboflow homepage.","archived":false,"fork":false,"pushed_at":"2024-07-31T18:13:16.000Z","size":2880,"stargazers_count":39,"open_issues_count":2,"forks_count":17,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-05-04T23:52:19.092Z","etag":null,"topics":["computer-vision"],"latest_commit_sha":null,"homepage":"https://roboflow.github.io/homepage-demo/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/roboflow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-31T14:51:02.000Z","updated_at":"2025-03-04T17:44:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"cfb11247-3feb-4019-9732-c632c6280a94","html_url":"https://github.com/roboflow/homepage-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roboflow%2Fhomepage-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roboflow%2Fhomepage-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roboflow%2Fhomepage-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roboflow%2Fhomepage-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/roboflow","download_url":"https://codeload.github.com/roboflow/homepage-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252856556,"owners_count":21814858,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["computer-vision"],"created_at":"2024-11-13T13:02:42.519Z","updated_at":"2025-05-07T10:11:26.262Z","avatar_url":"https://github.com/roboflow.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Homepage demo banner](https://media.roboflow.com/inference-demo/rf-homepage-demo-banner.png?updatedAt=1680886879894)\n\n  \u003cdiv align=\"center\"\u003e\n      \u003ca href=\"https://youtube.com/roboflow\"\u003e\n          \u003cimg\n            src=\"https://media.roboflow.com/notebooks/template/icons/purple/youtube.png?ik-sdk-version=javascript-1.4.3\u0026updatedAt=1672949634652\"\n            width=\"3%\"\n          /\u003e\n      \u003c/a\u003e\n      \u003cimg src=\"https://github.com/SkalskiP/SkalskiP/blob/master/icons/transparent.png\" width=\"3%\"/\u003e\n      \u003ca href=\"https://roboflow.com\"\u003e\n          \u003cimg\n            src=\"https://media.roboflow.com/notebooks/template/icons/purple/roboflow-app.png?ik-sdk-version=javascript-1.4.3\u0026updatedAt=1672949746649\"\n            width=\"3%\"\n          /\u003e\n      \u003c/a\u003e\n      \u003cimg src=\"https://github.com/SkalskiP/SkalskiP/blob/master/icons/transparent.png\" width=\"3%\"/\u003e\n      \u003ca href=\"https://www.linkedin.com/company/roboflow-ai/\"\u003e\n          \u003cimg\n            src=\"https://media.roboflow.com/notebooks/template/icons/purple/linkedin.png?ik-sdk-version=javascript-1.4.3\u0026updatedAt=1672949633691\"\n            width=\"3%\"\n          /\u003e\n      \u003c/a\u003e\n      \u003cimg src=\"https://github.com/SkalskiP/SkalskiP/blob/master/icons/transparent.png\" width=\"3%\"/\u003e\n      \u003ca href=\"https://docs.roboflow.com\"\u003e\n          \u003cimg\n            src=\"https://media.roboflow.com/notebooks/template/icons/purple/knowledge.png?ik-sdk-version=javascript-1.4.3\u0026updatedAt=1672949634511\"\n            width=\"3%\"\n          /\u003e\n      \u003c/a\u003e\n      \u003cimg src=\"https://github.com/SkalskiP/SkalskiP/blob/master/icons/transparent.png\" width=\"3%\"/\u003e\n      \u003ca href=\"https://disuss.roboflow.com\"\u003e\n          \u003cimg\n            src=\"https://media.roboflow.com/notebooks/template/icons/purple/forum.png?ik-sdk-version=javascript-1.4.3\u0026updatedAt=1672949633584\"\n            width=\"3%\"\n          /\u003e\n      \u003cimg src=\"https://github.com/SkalskiP/SkalskiP/blob/master/icons/transparent.png\" width=\"3%\"/\u003e\n      \u003ca href=\"https://blog.roboflow.com\"\u003e\n          \u003cimg\n            src=\"https://media.roboflow.com/notebooks/template/icons/purple/blog.png?ik-sdk-version=javascript-1.4.3\u0026updatedAt=1672949633605\"\n            width=\"3%\"\n          /\u003e\n      \u003c/a\u003e\n      \u003c/a\u003e\n  \u003c/div\u003e\n\n# Roboflow Homepage Demo\n\nThis repository contains the code used to power the inference widget on the [Roboflow](https://roboflow.com) homepage, with some changes to make it more generic.\n\nThe web page in this repository supports running a model hosted on Roboflow by:\n\n1. Using your webcam to run inference.\n2. Selecting from a predefined image to run inference.\n3. Uploading an image to run inference.\n\n## Project Screenshot\n\n![Roboflow Homepage Demo screenshot showing inference on an image of a baseball scene](screenshot.png)\n\n## Use This Project\n\nThis repository is a template, which means you can directly copy this code into your own repository from GitHub.\n\nClick \"Use this template\" on GitHub to create a copy of this repository with which you can experiment.\n\nYou can also test a live [Repl.it of this project](https://repl.it/@roboflow/roboflow-homepage-demo) and fork the Repl.it to your own account to build on top of it.\n\n## Getting Started\n\nOnce you clone this repository into your own environment, you'll need to add your Roboflow API key to the `script.js` file. Search for the term \"API_KEY\" and replace the empty string with your API key. For steps on how to find your API key, see the [Roboflow documentation](https://docs.roboflow.com/inference/web-browser).\n\nBy default, this project runs a model called `microsoft-coco` that was trained using the Microsoft COCO dateset. You can change the model that is used by changing the `model_name` variable in the `script.js` file and the `version` version number variable.\n\nTo find your model name and version number, go to the Deploy tab associated with your model in Roboflow. The model name is the string that appears under the \"Training Results\" section of the application. The version number is the number that appears next to the string.\n\n![Model Name and Version Number](model-name-version.png)\n\n### Deploy to GitHub Pages\n\nYou can deploy this project to GitHub pages to host your project online.\n\nTo do so:\n\n1. Click \"Use this template\" and follow the instructions to create a copy of this repository in your own GitHub account.\n2. Go to the Settings tab of your repository.\n3. Click \"Pages\" in the sidebar.\n4. Select \"main\" as the branch from which to deploy.\n5. Click \"Save\".\n\nYour project will now be hosted at `https://\u003cyour-github-username\u003e.github.io/\u003cyour-repository-name\u003e/index.html`.\n\n## Technology Stack\n\n- JavaScript\n- [roboflow.js](https://docs.roboflow.com/inference/web-browser)\n\n## Contributing\n\nDo you have an idea on how we can improve this project? Feel free to file an Issue so we can discuss your ideas. If you \nhave identified a bug, please file an issue. PRs that solve any bugs you encounter are greatly appreciated!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froboflow%2Fhomepage-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Froboflow%2Fhomepage-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froboflow%2Fhomepage-demo/lists"}