README.md 1.51 KB
Newer Older
Thomas's avatar
ReadMe    
Thomas committed
1
## Installation guide
Thomas's avatar
ReadMe    
Thomas committed
2

3
Make sure you have installed node.js. If you have not, install it via https://nodejs.org/en/ (version 14.17.0 is good).
Thomas's avatar
Thomas committed
4
5
6
7
<br>
When installed, follow the installation wizard to setup node.js. Install the npm (package manager), if asked.
<br><br>
Open the <i>node.js command prompt</i> and type 
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
8
<br>
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
9
10
11
```
npm install -g expo-cli
```
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
12
<br>
Thomas's avatar
Thomas committed
13
When done, go to the path on your computer the code from GitLab is on, e.g. C:\Users\{yourname}\documents\gl-proj\TraCloSo by typing:
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
14
<br>
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
15
16
17
```
cd {your path}
```
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
18
<br>
Thomas's avatar
Thomas committed
19
Open it by typing
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
20
<br>
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
21
22
23
```
npm start
```
Hietkamp, T.J.A. (Thomas)'s avatar
Hietkamp, T.J.A. (Thomas) committed
24
<br>
Thomas's avatar
Thomas committed
25
To preview the project you need to download Expo Client App on your smartphone. Depending on the phone you have you can do this on the App Store or the Google Play Store.
Thomas's avatar
Thomas committed
26
Once you have the Expo Client App installed scan the QR Code that you saw when you ran npm start on the terminal. You will have to wait a couple of minutes at first while your project bundles and loads for the first time. After it has completed loading you will see a short message in the center of the screen.<br><br>
Thomas's avatar
Thomas committed
27
In case you want to use a simulator, download Xcode for IOS and Android Studio for Android<br>
Thomas's avatar
Thomas committed
28

Thomas's avatar
Thomas committed
29
30
<i>If you are using Windows as an operating system you will not be able to download Xcode (due to Apple’s restrictions). Therefore, you need a physical IOS device</i>
<br><br>
Thomas's avatar
Thomas committed
31
Open  the folder TraCloSo in the editor of your choice (e.g. Sublime Text or Visual Code), and open App.js. There you see the text. You can edit it, save it, and the new text will be displayed on your screen!