CATALOGO FILMES

Tópicos

Descrição do projeto

Contrução de um front em Angular para consumir a API do Back-END em Java/mySQL. o Catalogi de filmes permite voce visualizar Filmes, cadastrar e ler sobre a sinopse.

Funcionalidades

✔️ Construção de um Front

✔️ Consumo da API do Back-end

✔️ Cadastro de filmes

✔️ Visualização dos Filmes em cards

✔️ Responsividade

Deploy da Aplicação 💨

Link do deploy da aplicação em construção - em construção para ser no netlify

Pré-requisitos

⚠️ Node

⚠️ Angular

⚠️ Java

⚠️ Eclipse

⚠️ mySQL

Como rodar a aplicação ▶️

No terminal, clone o projeto:

git clone https://github.com/bielmoita/catalogoFilmes.git

Vamos iniciar rodando o back-END: Abra o Eclipse, ou a IDE Java de sua preferencia. Importe o projeto para a IDE com as preferencias do MAVEN (Que é o gerenciador de dependencias do projeto).

Na estrutura abrir a opção de filmes:

filmes - src/main/java

Executar o arquivo: CatalogoDeFilmesApplication.java

lembre-se de verificar o arquivo de configuração do mySQL na estrutura:

src/main/resources

No arquivo application.properties verificar o usuario e senha administrador da sua base de dados.

Quando executar a aplicação verificar a inicialização com o Spring-boot.

Passo 2 - o Front Agora vamos executar no front Ainda no Terminal digite o comando abaixo

cd catalogoFilmes/FRONT/catalogo-filmes

Para ter certeza que esta dentro do diretório correto execute o comando:

ls -la

deve ser exibido uma estrutura semelhante a essa:

drwxr-xr-x 1 NOME DE USUARIO 197121      0 ago 27 00:09 ./
drwxr-xr-x 1 NOME DE USUARIO 197121      0 ago 25 20:01 ../
-rw-r--r-- 1 NOME DE USUARIO 197121    274 ago 25 20:01 .editorconfig
-rw-r--r-- 1 NOME DE USUARIO 197121    625 ago 27 00:09 .gitignore
-rw-r--r-- 1 NOME DE USUARIO 197121   3974 ago 25 21:32 angular.json
-rw-r--r-- 1 NOME DE USUARIO 197121    429 ago 25 20:01 browserslist
drwxr-xr-x 1 NOME DE USUARIO 197121      0 ago 27 00:16 dist/
drwxr-xr-x 1 NOME DE USUARIO 197121      0 ago 25 20:01 e2e/
-rw-r--r-- 1 NOME DE USUARIO 197121   1027 ago 25 20:01 karma.conf.js
drwxr-xr-x 1 NOME DE USUARIO 197121      0 ago 27 00:06 node_modules/
-rw-r--r-- 1 NOME DE USUARIO 197121   1631 ago 25 21:30 package.json
-rw-r--r-- 1 NOME DE USUARIO 197121 521230 ago 25 21:30 package-lock.json
-rw-r--r-- 1 NOME DE USUARIO 197121   1031 ago 25 20:01 README.md
drwxr-xr-x 1 NOME DE USUARIO 197121      0 ago 27 00:09 src/
-rw-r--r-- 1 NOME DE USUARIO 197121    210 ago 25 20:01 tsconfig.app.json
-rw-r--r-- 1 NOME DE USUARIO 197121    489 ago 25 20:01 tsconfig.json
-rw-r--r-- 1 NOME DE USUARIO 197121    270 ago 25 20:01 tsconfig.spec.json
-rw-r--r-- 1 NOME DE USUARIO 197121   3125 ago 25 20:01 tslint.json

Agora, tendo a certeza que esta no diretorio certo e ja tendo instalado o Node e o Angular (Conforme pré-requisitos). execute o comando:

ng serve -o

Aguarde ele compilar e rodar, o mesmo irá abrir uma aba ou janela do seu browser preferencial no seu computador.

Desenvolvedores/Contribuintes

_{Gabriel Fernando}

bielmoita/catalogoFilmes