https://github.com/andrewjbateman/react-native-world
React-native app to show world country details and latest economic indicators
https://github.com/andrewjbateman/react-native-world
api-rest countries-api css3 expo expo-cli react-native
Last synced: 2 months ago
JSON representation
React-native app to show world country details and latest economic indicators
- Host: GitHub
- URL: https://github.com/andrewjbateman/react-native-world
- Owner: AndrewJBateman
- Created: 2022-07-09T19:23:57.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-16T19:18:10.000Z (almost 4 years ago)
- Last Synced: 2025-08-14T19:37:56.696Z (10 months ago)
- Topics: api-rest, countries-api, css3, expo, expo-cli, react-native
- Language: JavaScript
- Homepage:
- Size: 279 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :zap: React Native World
* React-Native app to display world countries API data
* **Note:** to open web links in a new window use: _ctrl+click on link_
## :page_facing_up: Table of contents
* [:zap: React Native World](#zap-react-native-world)
* [:page_facing_up: Table of contents](#page_facing_up-table-of-contents)
* [:books: General info](#books-general-info)
* [:camera: Screenshots](#camera-screenshots)
* [:signal_strength: Technologies](#signal_strength-technologies)
* [:floppy_disk: Setup](#floppy_disk-setup)
* [:computer: Code Example by Fazt Code](#computer-code-example-by-fazt-code)
* [:cool: Features](#cool-features)
* [:clipboard: Status & To-do list](#clipboard-status--to-do-list)
* [:clap: Inspiration](#clap-inspiration)
* [:file_folder: License](#file_folder-license)
* [:envelope: Contact](#envelope-contact)
## :books: General info
* [restcounties API v3](https://restcountries.com/) information about countries via a RESTful API.
* React [useEffect hook](https://reactjs.org/docs/hooks-effect.html) used for data fetching
* React [useState hook](https://reactjs.org/docs/hooks-state.html) used to initialise & update coins, refeshing and search states
## :camera: Screenshots
## :signal_strength: Technologies
* [Expo v45](https://docs.expo.io/) framework & platform for universal React applications, installed globally
* [React Native v0.68.2](https://reactnative.dev/) to create native app for Android and iOS
* [react-native-web v0.17.7](https://www.npmjs.com/package/react-native-web) React Native Components and APIs for the Web.
* [React v17](https://reactjs.org/) JavaScript library for building user interfaces
* [Android Studio v4](https://developer.android.com/studio) installed globally, used to simulate Android device
## :floppy_disk: Setup
* Run `npm i` to install dependencies
* `npm install -g expo-cli --force` to install Expo CLI globally (force option may not be required)
* Run `npm start` to start expo on a localhost port
* See `package.json` for the npm commands to create build files etc.
* Android Studio has to be installed and set up then the AVD Manager is run from the Configure menu
## :computer: Code Example by Fazt Code
* Code by Fazt Code to display Cryptocurrency data. Includes ternery expression to show price change data in green or red
```javascript
```
## :cool: Features
* Expo bar code used to connect mobile to project. The Expo framework is easy to use.
* Android Studio simulation on mobile device
## :clipboard: Status & To-do list
* Status: In work
* To-do: complete
## :clap: Inspiration
* N/A
## :file_folder: License
* This project is licensed under the terms of the MIT license.
## :envelope: Contact
* Repo created by [ABateman](https://github.com/AndrewJBateman), email: gomezbateman@yahoo.com