LucaBobbioDev / chat-firebase

Aplicação Firechat criado com React JS, SCSS e ferramentas do Firebase (Google Auth e Firestore)

FireChat - Chat com Firebase

Uma simples aplicação com autenticação de conta google e um chat criado com React JS, pré-processador SCSS e Firebase.

Nessa aplicação web, o usuário faz login através de uma autenticação de conta google. Após logado, o usuário é direcionado para a tela de chat onde ele pode enviar e receber mensagens pra qualquer usuário que também esteja logado na aplicação.

Tecnologias

• React JS
• Vite
• Pré-processador SCSS
• Firebase (Authentication & Cloud Firestore)
• Visual Studio Code

Logo

Protótipo de Telas

Os protótipos foram feitos na ferramenta Figma

Landing page

Chat Room

Setup

To run this project, install it locally using npm:

$ git clone https://github.com/LucaBobbioDev/chat-firebase.git
$ npm install
$ npm start or npm run dev

Firebase SDK

$ npm install firebase
$ npm install --save react-firebase-hooks

React Icons

$ npm install react-icons --save

Pré-processador SCSS

$ npm install -g sass