{"id":21428103,"url":"https://github.com/redhat-developer-demos/coderland-photo-store","last_synced_at":"2026-03-04T20:33:07.611Z","repository":{"id":91531403,"uuid":"168223503","full_name":"redhat-developer-demos/coderland-photo-store","owner":"redhat-developer-demos","description":"React.js code that takes a photo, calls a service to overlay the photo, and displays the results. Part of the Coderland series.","archived":false,"fork":false,"pushed_at":"2022-11-21T17:17:45.000Z","size":220,"stargazers_count":4,"open_issues_count":3,"forks_count":6,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-07-14T11:50:43.858Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/redhat-developer-demos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2019-01-29T20:28:42.000Z","updated_at":"2022-11-21T17:12:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"456bdc34-bbfe-4d32-8469-f74ff66f82bd","html_url":"https://github.com/redhat-developer-demos/coderland-photo-store","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/redhat-developer-demos/coderland-photo-store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhat-developer-demos%2Fcoderland-photo-store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhat-developer-demos%2Fcoderland-photo-store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhat-developer-demos%2Fcoderland-photo-store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhat-developer-demos%2Fcoderland-photo-store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redhat-developer-demos","download_url":"https://codeload.github.com/redhat-developer-demos/coderland-photo-store/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhat-developer-demos%2Fcoderland-photo-store/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30091779,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T19:41:02.502Z","status":"ssl_error","status_checked_at":"2026-03-04T19:40:05.550Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-11-22T22:10:27.377Z","updated_at":"2026-03-04T20:33:05.885Z","avatar_url":"https://github.com/redhat-developer-demos.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Coderland Photo Store\n\nThis is a React.js application that is part of an interactive Knative and serverless tutorial called the [Compile Driver](https://developers.redhat.com/coderland/serverless/), a ride at an imaginary theme park called Coderland. This application uses your computer camera to allow you to take a snapshot. The snapshot is then sent to a service that overlays the photo, and the result is sent back to this application and displayed.\n\nTo run this demo, you'll need to point it to a service that accepts a JPEG picture as a base64 string in a JSON document and returns a base64 string (for the updated image) in a JSON document.\n\nimage-overlay is the service that is used with this application. It is run as a Knative service in OpenShift.\n\n## ENVIRONMENT VARIABLES  \n* You must set the REACT_APP_OVERLAY_URL environment variable to point to the service that does the image overlay.  \n* You must set the REACT_APP_OVERLAY_MESSAGE environment variable. This is the message that appears on the photo, e.g. \"Hello from Coderland!\"\n\nThere are options for running this program:\n\n1. Run it from the command line\n    * `npm install`\n    * `REACT_APP_OVERLAY_URL=http://myservice-myproject.mydomain.com REACT_APP_OVERLAY_MESSAGE='Hello from Coderland!' npm start`\n2. Run it in a Linux container\n    * `docker build -t coderland .`\n    * `docker run -p 3000:3000 -e REACT_APP_OVERLAY_URL http://myservice-myprojecct.mydomain.com -e REACT_APP_OVERLAY_MESSAGE 'Hello from Coderland!' coderland`\n    * Open browser to `localhost:3000`\n3. Run it in OpenShift\n\n## IMPORTANT LINKS\n\n:notebook: [Knative Tutorial Docs](https://redhat-developer-demos.github.io/knative-tutorial/knative-tutorial/dev/index.html)\n\n:gift: [Knative Tutorial repo](https://bit.ly/knative-tutorial)\n\n### Part 1: Introduction to Serverless with Knative\n\n:page_facing_up: [ARTICLE: Part 1: Introduction to Serverless with Knative](https://developers.redhat.com/coderland/serverless/serverless-knative-intro/)\n\n:clapper: [VIDEO: Part 1: Introduction to Serverless with Knative](https://youtu.be/R8PGrhfVWTc)\n\n:gift: [REPO: Image overlay](https://github.com/redhat-developer-demos/image-overlay)\n\n### Part 2: Building a Serverless Service\n\n:page_facing_up:[ARTICLE: Part 2: Building a Serverless Service](https://developers.redhat.com/coderland/serverless/building-a-serverless-service/)\n\n:clapper: [VIDEO: Part 2: Building a Serverless Service](https://youtu.be/M_Xse7vjkvE)\n\n:gift: [REPO: Photo store](https://github.com/redhat-developer-demos/coderland-photo-store)\n\n### Part 3: Deploying a Serverless Service to Knative\n\n:page_facing_up:[ARTICLE: Part 3: Deploying a Serverless Service to Knative](https://developers.redhat.com/coderland/serverless/deploying-serverless-knative/)\n\n:clapper: [VIDEO: Part 3: Deploying a Serverless Service to Knative](https://youtu.be/AR4fqwFLn9I)\n\n:gift: [REPO: Knative proxy](https://github.com/redhat-developer-demos/knative-proxy)\n\n***\n\nCoderland :roller_coaster::rocket::ferris_wheel: is a place for learning. Developer Training and Red Hat Software: [Red Hat Developer](https://developers.redhat.com).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredhat-developer-demos%2Fcoderland-photo-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredhat-developer-demos%2Fcoderland-photo-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredhat-developer-demos%2Fcoderland-photo-store/lists"}