{"id":19014425,"url":"https://github.com/vaneenige/rainbow-explorer","last_synced_at":"2025-04-23T00:43:31.320Z","repository":{"id":134183405,"uuid":"84119493","full_name":"vaneenige/rainbow-explorer","owner":"vaneenige","description":"🌈 A 20kb Preact \u0026 Redux based Progressive Web App that translates real life color to digital color.","archived":false,"fork":false,"pushed_at":"2017-05-19T22:09:58.000Z","size":100,"stargazers_count":27,"open_issues_count":1,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-23T00:43:21.604Z","etag":null,"topics":["experiment","getusermedia","preact","pwa","redux"],"latest_commit_sha":null,"homepage":"https://use-the-platform.com/rainbow-explorer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vaneenige.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":"2017-03-06T20:50:37.000Z","updated_at":"2023-02-15T19:35:54.000Z","dependencies_parsed_at":null,"dependency_job_id":"575a23af-9a10-4491-b2ac-5776ba64b4d3","html_url":"https://github.com/vaneenige/rainbow-explorer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vaneenige%2Frainbow-explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vaneenige%2Frainbow-explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vaneenige%2Frainbow-explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vaneenige%2Frainbow-explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vaneenige","download_url":"https://codeload.github.com/vaneenige/rainbow-explorer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250348884,"owners_count":21415907,"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":["experiment","getusermedia","preact","pwa","redux"],"created_at":"2024-11-08T19:29:26.691Z","updated_at":"2025-04-23T00:43:31.304Z","avatar_url":"https://github.com/vaneenige.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Rainbow Explorer\n\nA **20kb** Preact \u0026 Redux based Progressive Web App that translates real life color to digital color.\n\n[Click here for a demo!](https://use-the-platform.com/rainbow-explorer)\n\n## Structure\nTo keep performance high and application size small this application is powered by [Preact](https://github.com/developit/preact/). A 3kb React alternative that works with the same ES6 API. Together with Redux for keeping state it's really fast.\n\n* Based on [Preact Redux Example](https://github.com/developit/preact-redux-example) by [developit](https://github.com/developit).\n\n* Preact based components manage input of color through the camera and save them.\n\n* Redux is used to store the state of the application (colors, current target and UI state).\n\n* UI is adjusted based on state (opening modal, fancy background colors and video pause / play).\n\n* There's a fallback message if javascript isn't available or getUserMedia() is\nnot supported.\n\n* The application works offline, can be saved to the home screen (on android) and stores all the saved colors in local storage.\n\n## What's missing?\nThis application was made as a side project in a few days. For following structure changes and functionality updates improvements can be made:\n\n* Automated minify of CSS and inline in head.\n\n* Share of saved colors.\n\n* Adjusted text contrast for light colors.\n\n* Support for more browsers (currently Chrome on desktop and mobile).\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvaneenige%2Frainbow-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvaneenige%2Frainbow-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvaneenige%2Frainbow-explorer/lists"}