A Web Browser Controlled By Winking with React Native

A Web Browser Controlled By Winking with React Native

Wink (・ω<) is a React Native app developed for a friend, who suffered from De Quervain Tenosynovitis. It enables you to scroll by winking 😉.

Wink (・ω<) is a React Native app developed for a friend, who suffered from De Quervain Tenosynovitis. It enables you to scroll by winking 😉.

Wink

This app is not designed to be fully touch-free, but to reduce the amount of scrolling required when browsing those infinitely long social media feeds. If you have an Apple device with True Depth Camera, using ARKit for eye-tracking (e.g. the amazing Hawkeye Access) could be a more appealing solution.

Installation

If you are an Android user, you can use Wink through Expo Client, simply go to https://expo.io/@weixuanz/wink. Alternatively, you can install using APK from the latest release.

Things are more complicated if you are using iOS, since I haven't paid for the Apple Developer Program 🤦‍♂️. Currently, you can clone this repository and use expo-cli to serve locally.

yarn install
yarn run start

Or you can detach to ExpoKit with yarn run eject, build using Xcode and sideload it onto your device. I may explore this option (e.g. provide .ipa file so you can install with AltStore) when the app is in a more completed state.

How to use 👀

Close right eye to scroll down and left to scroll up, keep it closed for continuous scrolling. Double blink to focus the search bar. Otherwise, it's just your usual browser.

You can turn blink detection off by pressing the face icon in the tool bar.

Face icon states

Adjust wink detection sensitivity by long pressing the face icon.

Wink detection slider

You can add or remove bookmarks by clicking the bookmark button in the navigation bar, whose state shows whether the current url is already bookmarked. The bookmarks are stored on device, and appear as a list when the search bar is focused.

Wink

Download Details:

Author: WeixuanZ

Demo: https://expo.io/login?redirect_uri=/@weixuanz/projects/wink

Source Code: https://github.com/WeixuanZ/wink

react-native react mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.