Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/carla-coder/agencia_belo_destino
Prova Somativa backend - 98 de 100
https://github.com/carla-coder/agencia_belo_destino
css html insomnia javascript mariadb mvc mysql orm prisma vscode
Last synced: 8 days ago
JSON representation
Prova Somativa backend - 98 de 100
- Host: GitHub
- URL: https://github.com/carla-coder/agencia_belo_destino
- Owner: Carla-coder
- Created: 2024-06-07T00:49:55.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-06-11T23:35:23.000Z (5 months ago)
- Last Synced: 2024-10-12T02:41:35.893Z (about 1 month ago)
- Topics: css, html, insomnia, javascript, mariadb, mvc, mysql, orm, prisma, vscode
- Language: HTML
- Homepage:
- Size: 21.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Agência de Viagens Belo Destino
- Este projeto consiste em criar uma API para uma Agência de Viagens com apenas três tabelas.
### As tabelas possuem os seguintes dados:
- Destinos: id, cidade, valor, data
- Hoteis: id, nome, valor, avaliacao, email, site
- Pontos Turisticos: nome, endereco, telefone, valor
### Consumindo a API
- Criar um Front-End para consumir e enviar dados para esta API.
## Stack utilizada
### ORM- Prisma
- **ORM (Object Relationchip Management)** Gerenciamento de Objeto Relacional
- **PRISMA** - Framework de ORM
- **MVC** - Padrão de projeto
- **prisma.io** - Documentação
- **VSCode** - IDE
- **Insomnia** - Testes unitários
- **MYSQL - Mariadb** - Banco de Dados Relacional
- **HTML**
- **CSS**
- **JavaScript**
## Backend
### Iniciando o projeto utilizando Prisma
- Criar uma pasta para o projeto
- Abrir com VSCode
- Instale essas dependências:
- Abrir terminal ( CTRL + " ) no cmd ou bash e instalar o framework globalmente
```bash
npm i -g prisma
```
```bash
npm install cors express dotenv
```
- Para rodar o nodemon
```bash
npm install nodemon
```
- Instalar as dependências do prisma - ver a documentação - database relacional mysql - troca para javascript e instale a dependência.
```bash
npn install prisma --save-dev
```
- Iniciar o projeto com o ORM Prisma e a biblioteca do SGBD, uso no caso o MySQL - MariaDB
```bash
npx prisma init --datasource-provider mysql
```
- Editar o arquivo com a variável de ambiente com a string de conexão com o Banco de dados, quando o App for implantado esta string será alterada com as configuraçõe do servidor SGBD.
.env
```bash
DATABASE_URL="mysql://root:@localhost:3306/nome_banco_de_dados"
```
- Criar os Modelos de tabelas e relacionamentos no arquivo ./prisma/shema.prisma
schema.prisma.
- Executar a primeira migração. Inicialize o XAMPP, start em MYSQL e APACHE e abra o PhpMyAdmin. Para as tabelas aparecerem digite o comando:
```bash
npx prisma migrate dev --name init
```
- Instale essas extensões no VSC ( Prisma e Prisma Inside ).
- Instale as dependências do Prisma Client.
```bash
npm install @prisma/client
```
- Editar os controllers criando os CRUDS.
- Criar as rotas
./src/routes.js
- Editar o server
server.js
- Executar a API
```bash
nodemon
```
- Testar com Insomnia, Postman ou outra ferramenta de teste unitário de sua preferência.
## Front-end
### Como executar o projeto
- Para conhecer todas as páginas do projeto, clique em index.html e abra com o Live Server do VSCode para navegar por todo o site.
- O projeto esta em fase de melhorias conforme o avanço nos estudos.
## Print das Telas
- Tela 1
- Tela 2
- Tela 3
- Modal Adicionar Destino
- Modal Editar Destino
- Tela 4
- Modal Adicionar Hotel
- Tela 5
- Modal Adicionar Ponto
- Modal Editar Ponto
- Tela 6
## Autores
- [@octokatherine](https://www.github.com/Carla-coder)
## Instituição de Ensino
- Escola Senai unidade Jaguariúna - Curso Técnico em Desenvolvimento de Sistemas FullStack Segundo Semestre (2024)
- Professor responsável pelo Projeto: Wellington Fabio https://github.com/wellifabio