Avant Stay - Mobile App
I've created a simplified version of search and home details screens for the mobile app of Avant Stay
Table of contents
General info
This project is a simple version of the Avant Stay Mobile app which I have created using React Native + Typescript. It is consuming a Graphql fake API provided by Avant Stay to test it. I also used Mobx to state management. To test it I used Jest + Testing Library React Native.
Main Technologies Used
- Expo - version 44.0.0
- React - version 17.1.0
- React Native - version 0.64.3
- React Navigation - version 6
- Mobx- version 6.5.0
- Apollo Client(Graphql) - version 3.5.10
- Date-fns - version 2.28.0
- Jest - version 27.5.1
- React Native Testing Library - version 9.1.0
Features
- Search screen
- Regions filter screen
- Properties details screen
- Single property details screen
Screenshots
To see a full implementation video recording using a simulator
Setup
To run this project:
Assuming that you have Node 12 LTS or greater installed, you can use npm to install the Expo CLI command line utility:
$ yarn global add expo-cli
Then run the following commands to start a development server for you.
$ yarn
$ yarn start
Running your React Native application
Install the Expo client app on your iOS or Android phone and connect to the same wireless network as your computer. On Android, use the Expo app to scan the QR code from your terminal to open your project. On iOS, use the built-in QR code scanner of the Camera app.
Project Status
Project is: no longer being worked on. This project was a tech challenge that I did to Avant Stay for a React Native position.