react-native-hotels-app - GitLite

KO | EN

gitlite — search

#javascript #typescript #android #machine-learning #rust #deep-learning #linux #windows #awesome #kubernetes #vue #awesome-list #pytorch #open-source

react-native-hotels-app

(★ 57)

:tent: Hotels App: A simple react-native App exercise with nodeJS API consumption

File Explorer

Download Latest Version (.zip)

- - BUCK
  - build.gradle
  - proguard-rules.pro
- - BUCK
  - debug.keystore.properties
- build.gradle
- gradle.properties
- gradlew
- gradlew.bat
- settings.gradle
- - icons.sketch
  - otel-logo.png
- - index.js
- - constants.js
  - navigation.js
- - index.js
- - index.js
- - cities.js
  - hotels.js
- index.js
- - AppDelegate.h
  - AppDelegate.m
  - Info.plist
  - main.m
- - Info.plist
- - Info.plist
- - project.pbxproj
- - Info.plist
  - otelTests.m
- screenshot-1.png
- screenshot-10.png
- screenshot-11.png
- screenshot-12.png
- screenshot-2.png
- screenshot-3.png
- screenshot-4.png
- screenshot-5.png
- screenshot-6.png
- screenshot-7.png
- screenshot-8.png
- screenshot-9.png
- xcode.png
.babelrc
.buckconfig
.flowconfig
.gitattributes
.gitignore
.watchmanconfig
app.json
index.js
LICENSE.md
package-lock.json
package.json
README.md
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-hotels-app

:tent: Hotels App: A simple react-native App exercise with nodeJS API consumption - codename: `otel`

> Created as part of technical test for **mobile dev** role at Hays Recruiting - Almundo.com

### Quick start

```bash
# clone repo
$ git clone https://github.com/lexmartinez/react-native-hotels-app

# change directory to cloned app
$ cd react-native-hotels-app

# install the dependencies with npm
$ npm install

# start IOS emulator with running App
$ react-native run-ios
```

# Table of Contents

* [Dependencies](#dependencies)
* [Developing](#developing)
* [Preview](#preview)
* [License](#license)

## Dependencies
 
 You'll need to run this app:
 * `node` and `npm` (Use [NVM](https://github.com/creationix/nvm))
 * Ensure you're running Node (`v8.9.4`+) and NPM (`5.6.0`+)
 * `react-native-cli: 2.0.1`
 * `react-native: 0.54.0`
 
  `react-native-hotels-app` is a `react-native` mobile application is assumed that you're familiarized with this framework, otherwise it is here where you should start [react-native-getting-started](https://facebook.github.io/react-native/docs/getting-started.html#content)

## Developing
  
 After you have installed all dependencies you can now start developing with:
 
 * `react-native run-ios`
 
 It will start the desired mobile operating system emulator with the app running, any change made will refresh the app on emulator

#### Running on your iPhone

You can run this app under dev mode on your iPhone device, through  `Xcode`, follow this steps:
 
 * Open IOS project on `Xcode`, that is located in `${PROJECT_DIR}/ios/otel.xcodeproj`
 * Connect and choose your iPhone device on topbar
    <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/xcode.png"/>
 * Use the `Play` :arrow_forward: button (few pixels on left) to run the App

> Please keep your Xcode updated in order to avoid any Xcode/Runtime version problem

## Preview

| <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-1.png" width="300"> | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-2.png" width="300">  | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-3.png" width="300"> | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-4.png" width="300">  |
| ------------- | ------------- |------------- | ------------- |
| <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-5.png" width="300"> | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-6.png" width="300">  | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-7.png" width="300"> | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-8.png" width="300">  |
| <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-9.png" width="300"> | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-10.png" width="300">  | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-11.png" width="300"> | <img src="https://raw.githubusercontent.com/lexmartinez/react-native-hotels-app/master/screenshots/screenshot-12.png" width="300">  |

## License

This project is licensed under MIT License - see the [LICENSE.md](https://github.com/lexmartinez/react-native-hotels-app/blob/master/LICENSE.md) file for details