Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/hello-nyxo/nyxo-app

The repository for Nyxo React Native app, a personal sleep tracker and sleep coach
https://github.com/hello-nyxo/nyxo-app

aws-amplify hacktoberfest react react-native redux sleep sleep-coaching sleep-tracker

Last synced: 12 days ago
JSON representation

The repository for Nyxo React Native app, a personal sleep tracker and sleep coach

Lists

README 

        
![Nyxo App](https://github.com/hello-nyxo/nyxo-website/blob/master/static/images/cover.png)





Nyxo App – Better Sleep 💤💤💤



[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

![commit activity](https://img.shields.io/github/commit-activity/w/hello-nyxo/nyxo-app)

![release](https://img.shields.io/github/v/release/hello-nyxo/nyxo-app)

![license](https://img.shields.io/github/license/hello-nyxo/nyxo-app)



---





  Download iOS • Download Android • Contact • Nyxo Newsletter








- [Public beta for iOS](https://testflight.apple.com/join/jhNZ8CC7)

- [Public beta for Android](https://play.google.com/apps/testing/fi.nyxo.app)



## What is Nyxo App



Nyxo is a mobile application for improving your sleep. Its built with React Native, AWS Amplify, styled-components, and Redux. Nyxo provides the following features:



- Sleep tracking, with support for multiple different trackers

  - Google Fit

  - Apple Health

  - Oura

  - Withings

  - Fitbit

  - Polar

- Sleep trends and sleep diary

- Nyxo Cloud: backup your sleep data and coaching progress, and access it from [nyxo.app](https://nyxo.app)

- 4 week sleep coaching program

- Ask experts, if you have any questions we have the professional sleep coaches to help

- And more



The plan is to develop Nyxo further and allow contributions from everyone. If you want to for example build a new sleep visualization or add support for new sleep tracker, we will gladly welcome a pull request of that :)



## Can I help?



Always!



If you like the app, go give it 5 stars and a review! It helps more people find the app, and makes the developer very happy 😊



If you know a language other than English, help us translate the app!



## Getting started



Start by cloning repository and installing dependencies using yarn



```shell

git clone

cd nyxo-app

yarn

```



**Link assets**



```shell

react-native link

```



For iOS, install Cocoapods and run command



```shell

cd ios && pod install

```



### Setting up the environment and services



**App Center**

Set up Microsoft's Visual Studio App Center for event analytics & crash reports: https://docs.microsoft.com/en-us/appcenter/sdk/getting-started/react-native



**Sentry**

Set up Sentry for React Native by executing the command. More Sentry-related information can be found at: https://docs.sentry.io/platforms/react-native/



```shell

sentry-wizard

```



#### AWS-amplify



We use aws-amplify for our api and authentication. We will most likely simplify the process of setting up Amplify in fresh project at some point. At the moment the worfklow for getting everything to run is following:



- Get AWS account

- See the instructions for installing amplify-cli

- Do the following setup



### Setting up enviroment variables



Nyxo configurations keys are placed in config.ts file, which then references the requirement enviroment variables from local `.env`file. Head to `docs/env-structure.md` file to learn more. The way the project is structured you should need to provide keys for all the services to make the app work.



```

//.env contents

REVENUE_CAT=YOUR_KEY

SENTRY_DSN=YOUR_KEY

CONTENTFUL_SPACE=YOUR_KEY

CONTENTFUL_ACCESS_TOKEN=YOUR_KEY

FITBIT_ID=YOUR_KEY

FITBIT_TOKEN_ENDPOINT=YOUR_KEY

FITBIT_REVOCATION_ENDPOINT=YOUR_KEY

WITHINGS_ID=YOUR_KEY

WITHINGS_TOKEN_ENDPOINT=YOUR_KEY

WITHINGS_REVOCATION_ENDPOINT=YOUR_KEY

OURA_ID=YOUR_KEY

OURA_TOKEN_ENDPOINT=YOUR_KEY

GOOGLE_FIT_URL_ANDROID=YOUR_KEY

GOOGLE_FIT_ID_ANDROID=YOUR_KEY

GOOGLE_FIT_ID_IOS=YOUR_KEY

GOOGLE_FIT_ID_IOS=YOUR_KEY

GARMIN_ID=YOUR_KEY

GARMIN_REQUEST_TOKEN_ENDPOINT=YOUR_KEY

GARMIN_ACCESS_TOKEN_ENDPOINT=YOUR_KEY

GARMIN_GET_SLEEP_ENDPOINT=YOUR_KEY

POLAR_ID=YOUR_KEY

POLAR_TOKEN_ENDPOINT=YOUR_KEY

LINK_CODE_URL=YOUR_KEY

```



After creating the .env file, run `yarn rnuc .env` to generate variable files.



## Troubleshooting



#### main.jsbundle missing



Run command `react-native bundle --entry-file index.js --platform ios --dev=false --bundle-output ios/main.jsbundle --assets-dest ios` for iOS

Run command `react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/` for Android



## When you get a weird Xcode error about undefined symbols



If you see something like this:



`Undefined symbols for architecture x86_64: "_OBJC_CLASS_$_RCTReconnectingWebSocket", referenced from: objc-class-ref in libReact.a(RCTPackagerConnection.o) ld: symbol(s) not found for architecture x86_64 clang: error: linker command failed with exit code 1 (use -v to see invocation)`



Delete your Derived data



## If you run into an Xcode build input file error



If you see a build error like this:



`error: Build input file cannot be found: '/...path/Nyxo.app/PlugIns/NyxoTests.xctest/NyxoTests' (in target 'NyxoTests' from project 'Nyxo')`



Switch your XCode Build System to `Legacy Build System`



## Resetting bundlers etc.



1. Clear watchman watches: `watchman watch-del-all`.

2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.

3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.

4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.