Josirocha/dev_burguer

Projeto final do Modulo 5 da Resilia Educação

Olá, pessoa! Seja bem-vinda ao repositório do nosso projeto de final de módulo 5 do curso de Desenvolvimento Web Full Stack da Resilia Educação!

📑Build da Aplicação no Vercel

Dev Burguer

📋 Proposta do projeto

Construir, usando a biblioteca React, um site:

• utilizando endpoints da API criada no módulo 4 com Node.Js e Express (confira aqui a api que usamos);
• utilizando o README.md do repositório para documentação do projeto;
• utilizando a biblioteca react-router-dom para roteamento das páginas;
• utilizando CSS Grid no layout de pelo menos uma página;
• contendo uma animação CSS para carregamento inicial do site (sem biblioteca).

O site também deveria ter as funcionalidades básicas do CRUD:

• Página para listar os cadastros com opção de busca;
• Página para incluir um novo registro;
• Página para editar os cadastros;
• Opção de excluir itens cadastrados.

📦 Packages

Foi usado na construção do projeto:

• Axios - v. 0.27.2
• Material UI - v. 5.10.4
• React Router Dom - v. 6.3.0
• React Toastify - v. 9.0.8
• Node.js - v. 16.15.1
• React - v. 18.2.0

---

🛠️ Instalação

Para instalar o projeto, certifique-se de ter estes pré-requisitos:

• Node.Js v16.17.0
• NPM v8.15.0

Em seguida, abra o terminal e execute os comandos:

1. para clonar o projeto:

git clone https://github.com/Josirocha/dev_burguer.git

2. entrar na pasta em que o projeto foi criado:

cd dev_burguer

3. Instalar as dependências do projeto:

npm install

4. Para iniciar a aplicação:

npm run dev

🛣️ Endpoints utilizados

---

• Rota '/' -> Nesse endpoint temos todas as informações sobre a Dev Burguer.
• Rota '/sobre' -> Aqui temos informações sobre os desenvolvedores do projeto.
• Rota '/cardapio' -> Nesse endpoint estão as operações do CRUD, onde você poderá adicionar, deletar, atualizar e pesquisar produtos no cardápio. No header, ele só vai aparecer quando o usuário estiver logado.
• Rota '/login' -> Página destinada ao login do usuário. É preciso inserir email e senha (que devem estar previamente cadastrados). O login pega as informações que foram salvas no localStorage através do cadastro. Observação: o mock foi feito porque não tínhamos a entidade cadastro e login na API.
• Rota '/cadastro' -> Página para o registro de usuário. As informações são salvas no localStorage.

💻 Time de desenvolvimento

🌮Alonso Estevam	🍟 Jiulie Vitória	🥪 Josiane Rocha	🍔 Willian Carvalho