Inspiration

Especially in times like today, where our lives are shaped by a pandemic, it is important that we keep up to date with various resources in order to ensure the safety of ourselves, which is why we wanted to make the process as simple as possible.

Purpose

Helping Hands attempts to hold the user's hand and provide the relevant resources and services so that they can keep up-to-date with their current concerns.

Challenges

Implementing firebase and analytics. Filtering and searching through the many resources.

Accomplishments

Creating an application that is able to carry out the necessary functions with a simple yet intuitive design. Managed to coordinate a few days to work on the project together despite busy schedules and the pandemic.

Lessons Learned

React native and firebase integrations.

What's Next for Helping Hands

Include an easily recognizable logo.
Use analytics to transform data gathered through firebase to display useful data to state employees.
Improve search functionality to include different filters.
Add more links and resources.
Improve User Interface.

Android Studio (taken from reactnative.dev)

To test the app, you must first download and install Android Studio.

During installation, you will be prompted at some point to check boxes. Make sure to check the following:

  • Android SDK
  • Android SDK Platform
  • Android Virtual Device
  • Performance (Intel ® HAXM) if not already installed (more info)

After installing Android Studio, you must run it and then click on configure (bottom-right). Click SDK Manager and make sure you have Android 10 (Q) installed. If not then you need to download and install it.

Under the Android 10 (Q) entry, you need to make sure the following are checked:

  • Android SDK Platform 29
  • Intel x86 Atom_64 System Image or Google APIs Intel x86 Atom System Image

Environment Variables

Windows

ANDROID_HOME

  1. On your search bar, type "Environment Variables" and it should show "Edit the system environment variables". Click it.
  2. Next, click the "Environment Variables..." button located on the bottom-right.
  3. Click "New..." for user variables.
  4. Add ANDROID_HOME as the variable name.
  5. Add the path to your Sdk as the variable value. The default directory should be on %LOCALAPPDATA%\Android\Sdk
  6. Click Ok to close the windows.

platform-tools

  1. On your search bar, type "Environment Variables" and it should show "Edit the system environment variables". Click it.
  2. Next, click the "Environment Variables..." button located on the bottom-right.
  3. Click on the Path variable in user variables and click edit.
  4. Add the directory to platform-tools. The default directory should be on %LOCALAPPDATA%\Android\Sdk\platform-tools
  5. Click Ok to close the windows

Running the App

git pull & npm install

Create a directory in which you want to place the app to run. You can use git clone or git pull. Next, in that directory, cd to \HACCsgiving and run npm install to install the necessary dependencies.

React Native CLI

Instead of being forced to install react-native-cli globally, you can just use npx as a better alternative. To start the emulator, make sure you are in the \HACCsgiving directory and run npx react-native run-android.

Share this project:

Updates