👨🏫PROJETO CRIADO PARA O CURSO DE HANDLEBARS!
O Burger App é uma aplicação web desenvolvida para gerenciar uma lista de hambúrgueres. Os usuários podem adicionar novos hambúrgueres, marcar seus favoritos, ver todos os hambúrgueres cadastrados e excluir aqueles que não desejam mais na lista. A aplicação utiliza Node.js e Express para o backend, Handlebars para templates no frontend e MySQL para o banco de dados.
- Visualizar Hambúrgueres: Veja todos os hambúrgueres cadastrados ou apenas os favoritos.
- Adicionar Hambúrgueres: Adicione novos hambúrgueres à lista.
- Favoritar Hambúrgueres: Marque hambúrgueres como favoritos.
- Deletar Hambúrgueres: Remova hambúrgueres da lista.
Sim, o Burger App é um exemplo clássico de uma aplicação CRUD, que permite a manipulação de dados de hambúrgueres. CRUD é um acrônimo para as quatro operações básicas que podem ser realizadas em uma aplicação de gerenciamento de dados:
- Create (Criar): Adicionar novos hambúrgueres ao banco de dados.
- Read (Ler): Recuperar e exibir hambúrgueres do banco de dados.
- Update (Atualizar): Atualizar informações de hambúrgueres existentes, como marcar como favorito.
- Delete (Deletar): Remover hambúrgueres do banco de dados.
-
Configuração do Banco de Dados:
- Antes de executar o site, é necessário importar o arquivo
./DATABASE/DATABASE.sql
para criar a estrutura inicial do banco de dados.
- Antes de executar o site, é necessário importar o arquivo
-
Configuração do MySQL:
- Abra o arquivo
./CODIGO/config/connection.js
e ajuste as configurações do banco de dados de acordo com suas credenciais:host: 'localhost', user: 'seu_usuario', password: 'sua_senha', database: 'burgers_db'
Certifique-se de fornecer as credenciais corretas para que o aplicativo possa se conectar ao banco de dados MySQL corretamente.
- Abra o arquivo
-
Instalando as dependências:
- Antes de executar o aplicativo, certifique-se de instalar todas as dependências necessárias. No terminal, execute o seguinte comando para instalar as dependências listadas no arquivo
package-lock.json
:
npm install
- Isso instruirá o pip a ler o arquivo
package-lock.json
e instalar todas as dependências listadas.
- Antes de executar o aplicativo, certifique-se de instalar todas as dependências necessárias. No terminal, execute o seguinte comando para instalar as dependências listadas no arquivo
-
Executando o Aplicativo:
- Após instalar as dependências, para iniciar o servidor, navegue até o diretório
CODIGO
no terminal. - Em seguida, execute o seguinte comando:
node server.js
- Uma vez que o servidor esteja em execução, você poderá acessar o aplicativo através do seu navegador, visitando o seguinte endereço: http://localhost:9001/.
- Após instalar as dependências, para iniciar o servidor, navegue até o diretório
-
Interagindo com o Aplicativo:
-
Navegue entre as páginas:
- Página Inicial: Mostra todos os hambúrgueres que não são favoritos.
- Favoritos: Mostra todos os hambúrgueres marcados como favoritos.
- Todos os Hambúrgueres: Mostra todos os hambúrgueres cadastrados no sistema.
-
Adicionar Hambúrguer:
- Utilize o formulário na página inicial para adicionar novos hambúrgueres.
-
Marcar como Favorito:
- Use os botões disponíveis para marcar ou desmarcar hambúrgueres como favoritos.
-
Deletar Hambúrguer:
- Utilize os botões de exclusão para remover hambúrgueres indesejados.
-
- Node.js e npm: Certifique-se de que você tem o Node.js e npm instalados.
- MySQL: Um servidor MySQL em execução e as credenciais de acesso ao banco de dados.
- NODEJS com MYSQL: Uso do NodeJS com o banco de dados MySQL.
- Expressjs: Framework web para Node.js, utilizado para lidar com requisições HTTP.
- Express-Handlebars: Engine de template para o Express, facilitando a renderização de páginas HTML.