lm-image-search

A simple photo search application thanks to the Unsplash api.

Installation

1. Clone repo: git clone https://github.com/LukasMod/lm-image-search.git
2. Add .env file with EXPO_PUBLIC_UNSPLASH_ACCESS_KEY=access_key_here
3. cd lm-image-search
4. npm install

Android:

5. npm run android

iOS:

6. npx pod-install
7. npm run ios

Start metro:

8. npm run start

E2E tests

1. Install maestro, follow: maestro docs
2. Build android/iOS on device (virtual or physical)
3. npm run test:e2e

Used technologies

1. Axios (with Apisauce and error handling from Infinite Red)
2. React-query for caching feature (2 min) and infinity list feature
3. @react-native-community/netinfo for checking net status
4. @backpackapp-io/react-native-toast for displaying toasts messages
5. expo-image for better performance images
6. maestro for e2e tests

To do (to finish boilerplate)

1. i18n localization
2. improve dev experience and static checks: eslint, prettier, husky
3. add jest config for unit testing
4. add storybook
5. env prod/dev
6. typography (custom fonts)
7. ErrorBoundary with ErrorScreen
8. Simple navigation stack or expo router for future cases