This is a new React Native project for React Native E-commerce Product Configurator Exercise, bootstrapped using @react-native-community/cli.

Project Setup

Step 1: Installation and Setup

Clone the repository from GitHub using

git clone [email protected]:devbabs/react-native-product-configurator-excercise.git

Step 2: Navigate to the project folder and install dependencies

# Navigate to project folder
cd react-native-product-configurator-excercise
# Using npm
npm i
# Install all Pod dependencies for iOS
cd ios && pod install && cd ..

Extra Setup Steps (Android)

Ensure you have a android/local.properties file with the following content:

# sdk.dir must contain the absolute path to your local sdk for android
sdk.dir=/Users/$(whoami)/Library/Android/sdk

Step 3: Start the Metro Server

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

# using npm
npm start

Step 4: Start your Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

For Android

# using npm
npm run android

For iOS

# using npm
npm run ios

If everything is set up correctly, you should see the app running in your Android Emulator or iOS Simulator shortly provided you have set up your emulator/simulator correctly.

Assesment Challenges

Due to the short time constraint for the assessment, a few of the technical requirements were not completed:

• Implementaton of the useConfigValidator custom hook
• Writing of unit tests for critical components and state management logic
• Showing recommended configuration based on selected baseModel

Troubleshooting

If you can't get this to work, see the Troubleshooting page.

Built with ❤️ by Babs 🥂