victor00/movie-verse

Web App to have fun with movies

MovieVerse: Controle de Filmes 🎬

Índice

• Sobre
• Funcionalidades
• Tecnologias
• Instalação
• Uso
• Uso Online

Sobre

MovieVerse é uma aplicação web projetada para controlar e organizar sua coleção de filmes. Este projeto foi desenvolvido como parte da disciplina de Frameworks Web (Angular).

Funcionalidades

• CRUD de filmes 🎥
• Marcar filmes como favoritos ⭐
• Registrar filmes assistidos 👀
• Listar filmes por escopos 📑

Checklist do Projeto

• Repositório no GitHub com Gitflow (Branches master e develop)
• Uso de framework CSS (Bootstrap, Materialize, etc.)
• Layout responsivo usando ou não algum framework CSS.
• Conceito de componentes
• Criar o layout da aplicação com componentes, ou seja, o cabeçalho e rodapé precisam ser componentes.
• Data-binding (Interpolation, Property Binding, Event Binding, Two-Way Data Binding)
• Passagem de dados via @Input ou @Output
• Rotas - Mapear componentes à rotas no módulo de rotas.
• Navegação entre páginas por meio de rotas
• Passagem de dados entre componentes via parâmetros de rotas
• Validação de campos de formulário com REGEX e apresentar os erros.
• Desabilitar o botão de submit enquanto o formulário está inválido.
• Tratamento de requisições a API com Promises ou Observables
• Cadastro de entidade no JSON Server
• Uso de ngFor - Apresentar uma lista de dados com a diretiva estrutural ngFor
• Usar a diretiva ngIf
• Formatação de dados com Pipes
• Build e Deploy

Tecnologias

• Angular
• Bootstrap
• JSON Server

Instalação

# Clone este repositório
git clone [email protected]:victor00/movie-verse.git

# Entre no diretório
cd movie-verse

# Instale as dependências
npm install

# Execute a aplicação
ng serve

Uso

• (Porta sujeita ao seu critério de qual utilizar -> lembre-se de verificar nas configurações) Abra seu navegador e visite http://localhost:4200/

MovieVerse

This project was generated with Angular CLI version 16.2.6.

• O Projeto tem dependência com API do TMDB, para sua utilização é necessário uma API_KEY https://www.themoviedb.org/

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Online

• https://movie-verse-utfpr.netlify.app/movies/popular
• É necessário rodar o JSON Server para o CreateMovie funcionar. json-server --watch movies.json