This is the react native project for Hey There. It is built with expo react native (expo.dev). Hey there is a messaging mobile app, to send text messages to your friends who are 1km maximum away from you.
Here are some screenshots
Splash Screen | Onboarding Screen | Chat Screen |
---|---|---|
Map Screen | Create Account | Home Screen |
---|---|---|
To get started, make sure to install:
- Android studio, if you want to have an android emulator installed
- Xcode, for iOS
You can download the zip, or clone, then run:
yarn install
This will install the necessary packages. The project is built on top of expo SDK 47.
Run prebuild to regenerate the android and ios folders
npx expo prebuild
To start the server and visualise on an emulator, run:
npx expo start
Now you are good to go.
This project works with firebase as backend and Google Maps for setting up the MapScreen. To continue development, you will need to provide the following:
// Firebase config
FIREBASE_API_KEY =
FIREBASE_AUTH_DOMAIN =
FIREBASE_PROJECT_ID =
FIREBASE_STORAGE_BUCKET =
FIREBASE_MESSAGING_SENDER_ID =
FIREBASE_APP_ID =
Download the google-services.json file from firebase and place it in your project folder (./Hey THere)
This project uses Google Maps as provider. You will need an API Key to access the map. If you don't have a key, get one here. To obtain an API key,
1- Register a Google Cloud API project and enable the Maps SDK for Android: Open your browser to the Google API Manager and create a project. Once it's created, go to the project and enable the Maps SDK for Android.
2- Copy your app's SHA-1 certificate fingerprint: For Google Play Store: If you are deploying your app to the Google Play Store, you'll need to upload your app binary to Google Play console at least once. This is required for Google to generate your app signing credentials. Go to the Google Play Console > (your app) > Release > Setup > App integrity > App Signing. Copy the value of SHA-1 certificate fingerprint.
3- Create an API key: Go to Google Cloud Credential manager and click Create Credentials, then API Key. In the modal, click Edit API key. Under Key restrictions > Application restrictions, choose Android apps. Under Restrict usage to your Android apps, click Add an item. Add your android.package from app.json (for example: com.company.myapp) to the package name field. Then, add the SHA-1 certificate fingerprint's value from step 2. Click Done and then click Save.
You can now add your API key in your AndroidManifest.xml file
Don't hesitate to do a pull request or fire an issue if you see any.
This project is built with ❤️