A React Native app that fetches products from dummy JSON API and displays them.
- Built using React Native and Expo
- Built using Typescript
- Data fetching using TanStack React Query
- Testing with Jest and React Native testing library
- Husky and lint-staged to maintain code quality, running ESLint and Prettier before every commit.
- GitHub Actions to run tests on every commit
- Moti to animate the image in the Details screen
In the case of a larger application, the selected item would be stored in redux instead of being passed as params in navigation.
- Used node version 18.18. You can use nvm to switch to this version.
-
Clone the project
-
Run
yarn install
- Run the app using
npx expo start
Then press i to run on ios
yarn run test
The video below is an overview of what the app is about.
Screen.Recording.2023-11-13.at.20.13.39.mov
In case of errors in the API or no products are found while searching, the following screens are shown: