• F1. List financial products
• F2. Search financial products
• F3. List financial products
• F4. Add financial products
• F5. Update financial products
• F6. Delete financial products

This is a hybrid mobile application built with React Native and Expo. It is a simple financial products management system that allows users to list, search, add, update and delete financial products. It was made for a Devsu interview challenge for a Senior React Native developer position. 🧑🏻‍💻

• Node.js (v18 or higher)
• npm (v10.1.0 or higher)
• Expo CLI (v0.18.9 or higher)
• Expo Go app on your phone or an emulator (SKD 52.0.0 or higher)

1. Clone the repository
2. Run npm install -f to install the dependencies (-f is to force the installation, It's not really necessary)
3. Generate a .env file with the following content:

   EXPO_PUBLIC_AUTHOR_ID=DEVELOPER_KEY
   EXPO_PUBLIC_BASE_URL=https://tribu-ti-staffing-desarrollo-afangwbmcrhucqfh.z01.azurefd.net/ipf-msa-productosfinancieros

   You can use the provided .env.example file as a template by executing: cp .env.example .env

4. Run npm start to start the application
5. Scan the QR code with the Expo Go app on your phone or use an emulator

   If you are using an emulator, you can press a to open the app on an Android emulator or i to open the app on an iOS emulator automatically

6. Test the app! 🚀

This project was tested on an iOS-Android emulator and a physical iOS device. It should work on Android devices as well. To run the tests, you can execute:

npm test

And with coverage:

npm run test:cover

The coverage is not 100% because some components are not tested, but the most important parts are covered.

Coverage report will be available at ./coverage/lcov-report/index.html after running the tests.

• Dark mode 🌚

  • App can listen device's system theme and change the app theme accordingly:

• Internationalization 🌍

  • App can be translated to English and Spanish or any other language:
    

    

• Dice based search engine 🔎

  • App can search products by name using a similar search engine:
    

    

• Haptic feedback ??

  • App provides haptic feedback when a button is pressed, feel it! 🤤

This project was built with the following technologies:

• React Native
• Typescript
• Expo
• Expo Router
• i18next

• Juan Jaramillo