Tech Test Screen

In this tech test I was asked to recreate a simple screen in React Native as well as design my own data entry form.

Incase you have trouble getting this working with Expo for any reason, I have included a short screen recording to show the features requested.

Setup

Once you have cloned this repo, open the directory in your terminal and run

npm install

followed by

npm run start

This will start the expo server. Once it has loaded you can choose your preferred way of viewing the application.

You can either run this app in your web browser, a physical device, or a mobile emulator;

Web

Press w in the terminal after it has loaded. This will open and redirect your browser to the available port (This will generally be hosted at localhost:8081)

IOS/Android Via Expo Go

Download the Expo Go app to your device and scan the QR code in your terminal using the app. This should immediately take you to the correct screen.

IOS/Android via Emulator

Press i in the terminal to open up the application in an IOS emulator on your local machine - provided you have one installed and ready.

Press a in the terminal to open up the application in an Android emulator on your local machine - provided you have one installed and ready.

Using the Application

You will find some test data already implanted in the redux store here.

To use the application, select one of the 10 numbered buttons available to indiciate your mood from 1-10 and then select at least one feeling from the provided options. Finish by pressing Done and you will see immediate changes to the data shown below. Choose another number to add another entry as many times as you wish.

If you wish to inspect the component logic and styling you can find all relevant components in the components directory.