Curso realizado na Trybe - Edu Souza o/

“Enquanto acreditarmos em nossos sonhos, nunca nos faltarão forças para lutarmos por eles.”

Repositório - Movie cards library stateful

   

Sobre o projeto    |    Entrega    |    Licença

🚀 Sobre o projeto

Movie cards library stateful

Você vai criar uma pequena biblioteca dinâmica com cartões informativos sobre filmes. Você deverá implementar um pequeno conjunto de componentes, alguns possuindo estado a ser gerenciado, e combiná-los para criar uma biblioteca de cartões dinâmica.

Screenshots:

 

📮 Entrega

📋 Requisitos

• 📌 1. Crie um componente chamado `SearchBar`.

• 📌 2. Renderize um formulário dentro de `SearchBar`.

• 📌 3. Renderize um input do tipo texto dentro do formulário em `SearchBar`.

• 📌 4. Renderize um input do tipo checkbox dentro do formulário em `SearchBar`.

• 📌 5. Renderize um select dentro do formulário em `SearchBar`.

• 📌 6. Crie um componente chamado `AddMovie`.

• 📌 7. Configure o estado inicial do componente `AddMovie`.

• 📌 8. Renderize um formulário dentro de `AddMovie`.

• 📌 9. Renderize um input do tipo texto dentro do formulário em `AddMovie` para obter o título do novo filme.

• 📌 10. Renderize um input do tipo texto dentro do formulário em `AddMovie` para obter o subtítulo do novo filme.

• 📌 11. Renderize um input do tipo texto dentro do formulário em `AddMovie` para obter o caminho da imagem do novo filme.

• 📌 12. Renderize uma `textarea` dentro do formulário em `AddMovie` para obter a sinopse do novo filme.

• 📌 13. Renderize um `input` do tipo `number` dentro do formulário em `AddMovie` para obter a avaliação do novo filme.

• 📌 14. Renderize um `select` do formulário em `AddMovie` para selecionar o gênero do novo filme.

• 📌 15. Renderize um botão do formulário em `AddMovie` para fazer uso dos dados do novo filme, contidos no estado de `AddMovie`.

• 📌 16. Crie um componente chamado `MovieLibrary`.

• 📌 17. Configure o estado inicial do componente `MovieLibray`.

• 📌 18. Renderize `SearchBar` dentro de `MovieLibrary`.

• 📌 19. Renderize `MovieList` dentro de `MovieLibrary`.

• 📌 20. Renderize `AddMovie` dentro de `MovieLibrary`.

• 📌 21. Adicione proptypes a todos os componentes.

Concluído 🚀

Acesse o deploy do projeto aqui.

🔓 Licença

Este projeto está licenciado sob a Licença MIT - consulte LICENSE para maiores detalhes.