{"repo":"mrousavy/Colorwaver","free":true,"listed":false,"github":"https://github.com/mrousavy/Colorwaver","clone":"git clone https://github.com/mrousavy/Colorwaver.git","description":"🎨 An app to detect color palettes in the real world - powered by VisionCamera","language":"TypeScript","stars":676,"topics":["app","react-native","react","ios","android","palette","color","colors","camera","visioncamera"],"license":null,"category":"mobile-apps","readme_excerpt":"Colorwaver An app to detect colorwaves (swatches/palettes) in the real world - powered by VisionCamera and Reanimated. I wrote this app in less than a day, a speed simply not matched by native app development. Because it's written in React Native (TypeScript/JavaScript), it runs both on iOS and Android, but performance critical parts (e.g. the image processing algorithm or the animations) are backed by native Objective-C/Swift/Java code. See this Tweet for more information. Try it! Download the repository and run the following commands to try Colorwaver for yourself: iOS Android Project structure This is a bare React Native project, created with create-react-native-app. --- 📁 src : Contains the actual TypeScript + React (-Native) front-end for the Colorwaver App. 📄 src/getColorPalette.ts : Exposes the native iOS/Android frame processor plugin as a JS function with TypeScript types. This function has to be called from a frame processor. ( 'worklet' ) 📄 src/Router.tsx : The main component that gets registered by index.js . This acts as a main navigator, navigating either to the Splash Page (Permissions) or the App Page (Main App) depending on whether the user has granted permissions or not. 📄 src/Splash.tsx : The first Splash page to ask the user for Camera permission. 📄 src/App.tsx : Contains the actual source code for the App's front-end. VisionCamera is used to get a Camera device and display a Camera component . Also, a frame processor (a function that gets called for ","default_branch":null,"files":null,"tree":[],"storefront":"/r/mrousavy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mrousavy/Colorwaver/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}