luigiMinardi / nlw-03

Projeto construído durante a Next Level Week #03

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

In English:
Technology   |    Initializing
Em Português:
Tecnologias     |    Inicializando

English

Technology

For run this project you need to have this technologies installed on your computer:

Initializing

Use yarn install or npm install to install the dependencies;

Go to backend/src/views/images_view.ts and change the ip (just the "yourIP"¹) on url for the yours http://yourIP:3333/uploads/${image.path}. (Will become something like http://111.111.1.111:3333/uploads/${image.path}).

Go to mobile/src/services/api.ts and change the ip² on url for the yours http://yourIP:3333.

Go to MapBox and copy your token than create a .env on /web put the variable REACT_APP_MAPBOX_TOKEN and your token of mapbox REACT_APP_MAPBOX_TOKEN=your.token (Will become something like REACT_APP_MAPBOX_TOKEN=pk.eyJ1IjoibHVnbWluIiwiYSI6ImNrZzhtbXZ5MzBjNW8zMm15MjNleHo2NmoifQ.3qR-N0w1ielTM_C398eYPw³).

¹ - If you change the port remember to change in mobile/.../api.ts.

² - Remember to put your IP and not localhost and then you'll be able to see the app on your phone. Also make shure that the IP is the same in backend and in api.

³ - If your token is literally the same as the token above is because you are using the Default Public Access Token check about here.

Feel free to contact me on "Issues" if you have some trouble in anything.

Português

Tecnologias

Para rodar esse projeto você vai precisar ter as seguintes tecnologias instaladas no seu computador:

Inicializando

Use yarn install ou npm install para instalar as dependencias;

Va para backend/src/views/images_view.ts e troque o ip (somente o "yourIP"¹) na url pelo seu http://yourIP:3333/uploads/${image.path}. (Vai ficar algo parecido com isso http://111.111.1.111:3333/uploads/${image.path}).

Va para mobile/src/services/api.ts e troque o ip² na url pelo seu http://yourIP:3333.

Va em MapBox e copie seu token, depois crie um arquivo chamado .env no /web coloque a variável REACT_APP_MAPBOX_TOKEN e seu token do mapbox REACT_APP_MAPBOX_TOKEN=your.token (Vai ficar algo parecido com isso REACT_APP_MAPBOX_TOKEN=pk.eyJ1IjoibHVnbWluIiwiYSI6ImNrZzhtbXZ5MzBjNW8zMm15MjNleHo2NmoifQ.3qR-N0w1ielTM_C398eYPw³).

¹ - Se voce trocar a porta lembre de trocar tambem em mobile/.../api.ts.

² - Lembre de colocar seu IP e não localhost assim você vai ser capaz de ver o app pelo seu celular. Tenha a certeza de conferir se colocou o mesmo IP no backend e na api.

³ - Se o seu token for literalmente o mesmo de exemplo acima é porque você está usando o Default Public Access Token veja mais aqui.

Fique a vontade de me chamar no "Issues" se você tiver qualquer problema em qualquer coisa.

About

Projeto construído durante a Next Level Week #03

License:MIT License


Languages

Language:TypeScript 100.0%