Roteiro

• Sobre
• Tecnologias
• Requisitos
  • Requisitos Funcionais (RF)
  • Requisitos Não-Funcionais (RNF)
• Pré-requisitos
• Instalação
• Executando
• Contribuindo
• Layout
• Deploy
• Autor
• Licença

Sobre

Sistema de Delivery de Comida inspirado em plataformas populares como iFood.

Tecnologias

O projeto foi desenvolvido com as seguintes tecnologias:

• TypeScript
• React.js
• Next.js
• Tailwind CSS
• Shadcn/UI
• Node.js
• Prisma
• PostgreSQL
• Supabase

Requisitos

O projeto está em desenvolvimento.

Requisitos Funcionais (RF)

• Os usuários devem poder selecionar itens de menu de restaurantes disponíveis.
• Os usuários devem poder adicionar itens ao carrinho de compras.
• Os usuários devem poder visualizar e editar o carrinho antes de finalizar o pedido.
• Os usuários devem poder visualizar o histórico de pedidos anteriores.
• Os usuários devem poder visualizar sobre o status do pedido em tempo real.
• Os usuários devem poder acessar uma lista de restaurantes marcados como favoritos.
• Os usuários devem poder remover restaurantes da lista de favoritos.
• Os usuários devem poder navegar por diferentes categorias de alimentos (por exemplo, pizza, hambúrgueres, comida chinesa).
• Os usuários devem poder pesquisar restaurantes pelo nome.
• Os usuários devem poder criar uma conta no sistema.
• Os usuários devem poder fazer login utilizando o cadastro criado.
• Os usuários devem poder fazer logout de suas contas criada.
• Os usuários devem poder fazer login utilizando suas contas do Google.
• Os usuários devem poder fazer logout de suas contas do Google.
• suporte para diferentes tamanhos de tela e dispositivos.

Requisitos Não-Funcionais (RNF)

• O sistema deve ser capaz de lidar com um grande número de usuários simultaneamente.
• O tempo de resposta do sistema deve ser rápido para garantir uma experiência de usuário fluida.
• A interface do usuário deve ser intuitiva e fácil de usar em dispositivos móveis.
• O sistema deve ser dimensionado para lidar com um aumento na demanda à medida que mais usuários se registram e fazem pedidos.
• O aplicativo deve ser compatível com uma variedade de dispositivos e sistemas operacionais móveis, como iOS e Android.

Pré-requisitos

Você deve verificar aos seguintes pré-requisitos para poder instalar e executar o projeto:

1. Você deve ter instalado um editor de código: VS Code.
2. Você deve ter instalado o Git.
3. Você deve ter instalado o Node.js.
4. Você deve ter uma conta no Supabase.
5. Você deve ter uma conta do Google e Console Cloud Google

Instalação

Você deve seguir o passo a passo para instalar o projeto:

1. Você deve abrir o terminal e clonar o repositório do projeto

git clone https://github.com/uillasnr/fsw-foods.git

Executando

Você deve seguir o passo a passo para executar o projeto:

1. Você deve entrar na pasta do projeto clonado

cd fsw-foods

2. Você deve abrir a pasta do projeto clonado no editor de código de sua preferência. Caso seja o VS Code digite o comando

code .

3. Você deve instalar as dependências do projeto

npm install

ou

yarn install

ou

pnpm install

4. Você deve criar um arquivo .env na raiz do projeto

5. Você deve criar um projeto no Supabase e copiar a Connecting String algo parecido como postgres://postgres.[*****************]@aws-0-us-west-1.pooler.supabase.com:5432/postgres e colar no arquivo .env dessa forma

DATABASE_URL="Você deve colar entre as aspas a Connecting String"

6. Você deve executar o seguinte comando

npx prisma db seed

7. Você deve acessar o Console Cloud Google e criar um projeto

8. Você deve selecionar o projeto criado

9. Você deve ir até APIs e Serviços e clicar em Tela de permissão OAuth

10. Você deve marcar o User Type como Externo

11. Você deve preencher as informações do app, salvar e continuar

12. Você deve clicar em PUBLICAR APLICATIVO

13. Você deve ir até Credenciais e clicar em CRIAR CREDENCIAIS

14. Você deve escolher ID do cliente OAuth

15. Você deve escolher o Tipo de Aplicativo como Aplicativo da Web

16. Você deve adicionar na seção Origens JavaScript autorizadas a seguinte URI: http://localhost:3000

17. Você deve adicionar na seção URIs de redirecionamento autorizados a seguinte URI: http://localhost:3000/api/auth/callback/google

18. Você deve copiar o ID do cliente e a Chave secreta do cliente e colar no arquivo .env dessa forma

GOOGLE_CLIENT_ID="Você deve colar entre as aspas o ID do cliente"
GOOGLE_CLIENT_SECRET="Você deve colar entre as aspas a Chave secreta do cliente"

19. Você deve criar uma variável de ambiente no arquivo .env com o seguinte nome NEXTAUTH_SECRET o conteúdo dessa variável pode ser qualquer coisa

NEXTAUTH_SECRET="1234"

20. Você deve poder executar o projeto

npm run dev

ou

yarn run dev

ou

pnpm run dev

Layout

Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.

Deploy

Acesse o projeto finalizado, online

Autor

_{Uillas nascimento reis}

Feito por Uillas Entre em contato!