Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/luizrebelatto/app-chat-realtime

Chat realtime desenvolvido com firebase
https://github.com/luizrebelatto/app-chat-realtime

asyncstorage chat dotenv firebase javascript reactnative realtime styled-components typescript

Last synced: about 10 hours ago
JSON representation

Chat realtime desenvolvido com firebase

Awesome Lists containing this project

README

        

# Chat Realtime

### 🏛️ O que é?
Chat em tempo real

### đź›  Tecnologias

- Typescript
- Javascript
- React Native
- Firebase
- Async Storage
- React Navigation(Stack e Tab)
- Styled-components
- dotenv

### 🖥️ Funcionalidades

- Criar Usuário
- Logar
- Conversar em tempo real

### ▶️ Executar
1. Clonar RepositĂłrio
```
git clone https://github.com/Luizrebelatto/app-chat-realtime
```

2. Instalar DependĂŞncia
```
yarn install
```
ou
```
npm i
```

3. Executar Emulador
- Pressione ` i ` para abrir emulador ios
- Pressione ` a ` para abrir emulador android
```

npx expo start --clear

```

4. Crie o arquivo .env na raiz do projeto com esses dados, crie um projeto no firebase para obter esses dados:
```
API_KEY=
AUTH_DOMAIN=
PROJECT_ID=
STORAGE_BUCKET=
MESSAGING_SENDER_ID=
APP_ID=
MEASUREMENT_ID=
```

### 📱 App Screenshots

| Telas | Android | IOS |
| :------------: | :----------------------------------------: | :---------------------------------------: |
| SignIn | ![](src/assets/Doc/android/signIn.png) | ![](src/assets/Doc/ios/signIn.png) |
| SignUp | ![](src/assets/Doc/android/signUp.png) | ![](src/assets/Doc/ios/signUp.png) |
| Talks | ![](src/assets/Doc/android/talks.png) | ![](src/assets/Doc/ios/talks.png) |
| Talk | ![](src/assets/Doc/android/talk.png) | ![](src/assets/Doc/ios/talk.png) |
| Config | ![](src/assets/Doc/android/config.png) | ![](src/assets/Doc/ios/config.png) |