Conheça o projeto
Neste desafio, você vai criar uma aplicação completa para gerenciar filmes, com cadastro de usuários e autenticação segura. A aplicação permite criar contas com validação de e-mail e senha, criptografia de credenciais e, após o login, adicionar filmes com imagem e detalhes, visualizar páginas individuais, buscar títulos e acessar a seção de Meus Filmes. Também vai ser possível adicionar e consultar avaliações, resultando em um sistema moderno e funcional que une autenticação, CRUD de filmes e recursos de avaliação em uma única aplicação.
Recursos
Materiais para você usar como base para o desenvolvimento
Instruções
Estrutura, regras e requisitos do projeto
1. Estrutura inicial
- Crie um projeto com a estrutura base do PHP;
- Organize pastas e os arquivos criados.
2. Requisitos
Tela de Login
- Crie um formulário com campos:
- Nome;
- E-mail;
- Senha.
- Crie botão para criar conta;
- Crie botão para fazer login;
- Após login, redirecione para a página principal;
- Crie a lógica de logout.
Visualização Principal (Explorar)
- Crie uma lista de filmes com layout em cards;
- Cada card deve exibir:
- Imagem do filme;
- Título;
- Categoria;
- Ano;
- Nota média;
- Adicione um campo de busca para filtrar filmes por título;
- Permita clicar no card para abrir a página de detalhes.
Página de detalhes de um filme
- Crie a visualização de todas as informações relacionadas ao filme;
- É possível ver a média de notas (estrelas) e a quantidade total de avaliações;
- É possível ver todas as avaliações listadas com autor, avatar, nota e comentário, em ordem recente;
- É possível enviar uma nova avaliação com nota de 1 a 5 e comentário;
- É possível voltar para a página anterior usando o botão “Voltar” no topo;
Meus Filmes
- Crie página para listar apenas os filmes do usuário logado;
- Adicione botão "Novo filme" para abrir formulário de cadastro;
- Crie formulário com:
- Título;
- Ano;
- Categoria;
- Descrição;
- Upload de imagem.
- Ao salvar, redirecione para a página de “Meus Filmes”.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além! 🚀
4. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência? É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar! Vai ser incrível acompanhar a sua evolução! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
1. Estrutura inicial
- Crie um projeto com a estrutura base do PHP;
- Organize pastas e os arquivos criados.
2. Requisitos
Tela de Login
- Crie um formulário com campos:
- Nome;
- E-mail;
- Senha.
- Crie botão para criar conta;
- Crie botão para fazer login;
- Após login, redirecione para a página principal;
- Crie a lógica de logout.
Visualização Principal (Explorar)
- Crie uma lista de filmes com layout em cards;
- Cada card deve exibir:
- Imagem do filme;
- Título;
- Categoria;
- Ano;
- Nota média;
- Adicione um campo de busca para filtrar filmes por título;
- Permita clicar no card para abrir a página de detalhes.
Página de detalhes de um filme
- Crie a visualização de todas as informações relacionadas ao filme;
- É possível ver a média de notas (estrelas) e a quantidade total de avaliações;
- É possível ver todas as avaliações listadas com autor, avatar, nota e comentário, em ordem recente;
- É possível enviar uma nova avaliação com nota de 1 a 5 e comentário;
- É possível voltar para a página anterior usando o botão “Voltar” no topo;
Meus Filmes
- Crie página para listar apenas os filmes do usuário logado;
- Adicione botão "Novo filme" para abrir formulário de cadastro;
- Crie formulário com:
- Título;
- Ano;
- Categoria;
- Descrição;
- Upload de imagem.
- Ao salvar, redirecione para a página de “Meus Filmes”.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além! 🚀
4. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência? É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar! Vai ser incrível acompanhar a sua evolução! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
Tarefas
Use este checklist para ajudar a organizar a sua entrega