An open API service indexing awesome lists of open source software.

https://github.com/phillipe17macedo/criptoapp-typescript

This project was dev about my course from University IFTM Campus Patrocínio
https://github.com/phillipe17macedo/criptoapp-typescript

api crypto expo react-native typescript

Last synced: about 2 months ago
JSON representation

This project was dev about my course from University IFTM Campus Patrocínio

Awesome Lists containing this project

README

        

# Apresentação de React Native e ReactJS

## React Page

- [React Page Phillipe](https://phillipe17macedo.github.io/index.html)
- [Documentação React Native](https://reactnative.dev/docs/getting-started)
- [Documentação Expo](https://docs.expo.dev/)

### Requisitos para o projeto

- NodeJS instalado na máquina. [Baixar NodeJS](https://nodejs.org/en/download/)
- VS Code ou outro editor de código de sua preferência. [Baixar VS Code](https://code.visualstudio.com/)
- Git instalado na máquina. [Baixar Git](https://git-scm.com/download/win)

### Links úteis

- [Expo Go - Google Play](https://play.google.com/store/apps/details?id=host.exp.exponent)
- [Expo Go - Apple Store](https://apps.apple.com/app/expo-go/id982107779)
- Criar conta na CoinMarketCap para acesso à API: [Criar conta na CoinMarketCap](https://coinmarketcap.com/api/)

---

## Instalação e Configuração

### Passos para iniciar o projeto

1. Crie um novo projeto Expo com o seguinte comando:

```bash
npx create-expo-app --template
```

2. Ao ser solicitado, selecione a opção `Blank Typescript`.
3. Escolha um nome para o projeto.
4. Navegue até a pasta do projeto e execute o comando para instalar o Expo CLI globalmente:

```bash
npm install -g expo-cli
```

5. Ainda na pasta do projeto, inicie o projeto com o seguinte comando:

```bash
npx expo start -c
```

### Instalar Dependências

Execute os comandos abaixo dentro da pasta do seu projeto para instalar as bibliotecas necessárias:

```bash
npm install @babel/core
npm install axios
npm install expo-constants
npm install expo-status-bar
npm install expo
npm install onesignal-expo-plugin
npm install react-native-chart-kit
npm install react-native-paper
npm install react-native-safe-area-context
npm install react-native-svg
npm install react-native
npm install react
```

---

## Estruturação de Pastas

Organize as pastas do seu projeto para mantê-lo bem estruturado. Um exemplo de organização pode ser encontrado no link abaixo:

projeto/
├── api/
│ ├── api.ts
├── assets/
├── styles/
│ ├── styles.tsx
├── App.tsx
└── package.json

- [Link Notion para acompanhar](https://www.notion.so/Introdu-o-React-Native-1222bf77ef438079a0d2d7493e6daf6a?pvs=4)

- [Link Docs para acompanhar](https://www.notion.so/Introdu-o-React-Native-1222bf77ef438079a0d2d7493e6daf6a?pvs=4)

## Autor

Este projeto foi desenvolvido como parte de uma apresentação sobre React Native e ReactJS.

by Phillipe Macedo