É o projeto de encerramento do módulo 2 - Grupo 05, ResiliaFlix é um catálogo virtual de filmes que vai ajudar você a sair da rotina e encontrar os melhores filmes da categoria [Tech/Negocios?] Todos os nossos filmes têm um propósito e varia dede(Mudança de hábito, desenvolver uma nova habilidade ou se tornar numa pessoa melhor).
- HTML/CSS
- Javascript
- Bootstrap
- jQuery
- Figma
- Yara Proença Carvalho de Oliveira
- Fernando Agostini
- Amadeu Alexandre Filipe
- Ravel dos Santos Nogueira
- Gabriela de Oliveira Gentile
Projeto de encerramento de módulo: Resilia Flix
Introdução:
Agora é a hora de brilhar em equipe e colocar tudo o que vocês aprenderam num único projeto! Você e sua squad deverão desenvolver o front end da Resilia Flix, uma aplicação de streaming de filmes.
Especificação das páginas:
Todas as páginas devem utilizar o mesmo cabeçalho com menu de navegação e rodapé.
Página inicial (home):
- Deve conter breve descrição do que o serviço se propõe a fazer;
- Deve conter a capa de 12 filmes escolhidos pelo grupo, obtidos via API do OMDB;
- Ao clicar em uma capa de filme a pessoa usuária deve ser redirecionado para página de informações.
Página de informações de um filme:
Deve conter a capa do filme;
Deve conter informações (coletadas via API) do filme em questão.
Página de busca por informações/filme:
Deve conter um formulário para buscar por nomes de filmes;
Deve tratar problemas como filme não encontrado; Deve presentar os detalhes do filme (resultado da busca).
Página de cadastro de usuário:
- Deve conter formulário com:
- Nome; E-mail; Senha;
- Confirmação de senha;
- RG;
- CEP (que completa os demais campos do endereço com consulta à API e trata erros);
- Campos de endereço (estado, cidade, bairro, rua, número, complemento).
Página de contato:
2 / 2 Deve conter contato dos alunos envolvidos no projeto;
Páginas "mockadas" Página de log in:
- Deve conter formulário com:
- Usuário (e-mail); Senha;
- Deve validar o campo de entrada como e-mail;
- Deve conter link para página de recuperação de senha (esqueci minha senha).
Página de recuperação de senha:
- Deve conter formulário com:
- E-mail de cadastro;
- Deve validar o campo de entrada como e-mail;
- Deve exibir mensagem após submissão de formulário de e-mail enviado.
Requisitos:
O framework CSS Bootstrap deve ser utilizado na elaboração do projeto (versão 4 ou superior);
A API ViaCEP deve ser utilizada para obter dados referentes aos CEPs utilizados no cadastro;
A API OMDb deve ser utilizada dinamicamente para obter informações referentes aos filmes utilizados no projeto;
Versionar o projeto com git Utilizar um repositório público no GitHub Todos os integrantes do grupo devem ser colaboradores do projeto Todos os integrates do grupo precisam ter pelo menos um commit registrado na branch principal O grupo deve disponibilizar uma GithubPage com o projeto;
Extras (opcionais):
Utilização de classes e POO na construção do projeto Utilização de jQuery para manipulações de DOM e requisições HTTP .
Documentação e referências: