Ranguinho - Front End

Ranguinho é um pequeno projeto baseado no iFood para delivery de comida, utilizando firebase, typescript, react e vite

Backend (https://github.com/Alkazuz/Ranguinho-backend)

Ferramentas usadas

React (https://pt-br.reactjs.org/)
Firebase (https://firebase.google.com/)
Vite (https://vitejs.dev/)
node-geohash (https://www.npmjs.com/package/ngeohash)
Typescript (https://www.typescriptlang.org/)

Regras Firestore

    rules_version = '2';
    service cloud.firestore {
    match /databases/{database}/documents {
            match /users/{uid} {
                allow write, update, read: if request.auth != null && request.auth.uid == uid;
            }
        }
    }

Telas

Definições:

* - Necessário login para acessar

*Tela principal ('/'): A tela irá mostrar as categorias, banners de anúncios e restaurantes num raio de 10 km do usuário que inseriu a Localização;
Login ('/login'): Telas para o usuário fazer o login. A tela pergunta login com Google, Facebook, Telefone, Email-senha;
Login com email ('/login/email'): Tela que permite o usuário logar com email e senha;
Login com email ('/login/celular'): Tela que permite o usuário logar telefone;
Registro (email/senha) ('/register'): Tela com os campos: nome e sobrenome, email, senha e um botão para confirmar;
*Buscar ('/buscar?q=...'): Usada para filtrar categorias, restaurantes e itens a partir de uma categoria selecionada;
*Restaurates ('/restaurantes'): Lista os restaurantes perto do usuário
*Restaurate ('/restaurante/:uuid'): Permite o usuário visualizar as informações, itens e realizar um pedido no restaurante

Janelas

Localização: permite o usuário definir a própria Localização;
Pedido: janela para efetuar a compra. Permite o usuário alterar a quantia e adicionar alguma observação