https://github.com/andrekovac/simple-react-native-app
A tiny React Native Mobile App built with Expo
https://github.com/andrekovac/simple-react-native-app
Last synced: 9 months ago
JSON representation
A tiny React Native Mobile App built with Expo
- Host: GitHub
- URL: https://github.com/andrekovac/simple-react-native-app
- Owner: andrekovac
- License: mit
- Created: 2019-12-27T20:15:37.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T15:41:03.000Z (over 3 years ago)
- Last Synced: 2023-08-08T02:44:17.901Z (almost 3 years ago)
- Language: JavaScript
- Size: 5.9 MB
- Stars: 2
- Watchers: 1
- Forks: 3
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# A simple React Native App: Pictorio - The image viewer
## Setup of your computer to start Expo development
See this [Setup Guide (in German)](./SETUP.md).
## How to run
Run the following commands in your **terminal**:
1. Download the code
```
git clone git@github.com:Andruschenko/simple-react-native-app.git
```
Alternatively run `git clone https://github.com/andrekovac/simple-react-native-app.git` if the upper command does not work (because you haven't set up your ssh connection to GitHub yet or encounter some error).
2. Enter the directory of the downloaded code
```
cd simple-react-native-app
```
3. Install dependencies
```
npm install
```
4. Start the expo development server
```
npm start
```
## How to make changes
Open the file `App.js` in the main directory. All the important code of the app is in here.
## Useful links for React Native development
- [Expo](https://expo.io/)
- [A complete guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
## Background
We built this tiny React Native Mobile App as part of the ["Mobile development for complete beginners" workshop](https://events.ccc.de/congress/2019/wiki/index.php/Session:Mobile_App_Entwicklung_f%C3%BCr_totale_Anf%C3%A4nger) at the 36th edition of the Chaos Communication Congress.
* The slides of the talk can be viewed [here](https://docs.google.com/presentation/d/1bnmqbsCyadH6mohw3NCwwaZyepih6JnT-aEFQxlRY1Q/)
* The app is [published on expo](https://expo.io/@andrusch/instagram)