ribastudio / trybewarts

Project from Trybe School remastered with 8bit feelings. Inspired by 90's RPG's like Full Throttle, Monkey Island and more

Termos de acordo

Ao iniciar este projeto, você concorda com as diretrizes do Código de Ética e Conduta e do Manual da Pessoa Estudante da Trybe.

---

Boas vindas ao repositório do projeto Trybewarts Wizarding School! 🧙

Você já usa o GitHub diariamente para desenvolver os exercícios, certo? Agora, para desenvolver os projetos, você deverá seguir as instruções a seguir. Fique atento a cada passo, e se tiver qualquer dúvida, nos envie por Slack! #vqv 🚀

Aqui você vai encontrar os detalhes de como estruturar o desenvolvimento do seu projeto a partir desse repositório, utilizando uma branch específica e um Pull Request para colocar seus códigos.

---

Sumário

• Habilidades
• Entregáveis
  • O que deverá ser desenvolvido
  • Desenvolvimento
  • Data de entrega
• Instruções para entregar seu projeto
  • Antes de começar a desenvolver:
  • Durante o desenvolvimento
• Como desenvolver
  • Observações técnicas
  • ESLint e Stylelint
  • Cypress
• Requisitos do projeto
  • Lista de requisitos obrigatórios:
    • 1. Crie uma barra verde na parte superior da página
    • 2. Adicione o logotipo da Trybewarts com a classe trybewarts-header-logo no canto esquerdo da barra superior
    • 3. Acrescente um formulário de autenticação no canto direito da barra superior contendo os inputs de login, de senha e um botão de entrar
    • 4. Crie um título com o texto 'Trybewarts' centralizado dentro do 'Header'
    • 5. Adicione um formulário no corpo da página, posicionado ao lado esquerdo
    • 6. Crie um id para o formulário do requisito 5
    • 7. Adicione a logo da Trybewarts no lado direito da página
    • 8.Acrescente no formulário os inputs de 'Nome:', 'Sobrenome:' e 'Email:'
    • 9. Crie um select 'Casa' contendo quatro options
    • 10. Alinhe os campos de 'Nome' e 'Sobrenome' para que fiquem em linha
    • 11. Alinhe os campos de 'Email' e 'Casa' para que fiquem em linha
    • 12. Crie um campo de entrada para qual família a pessoa estudante se identifica
    • 13. Crie campos de entrada do tipo 'checkbox' contendo seis opções
    • 14. Crie campo de entrada para avaliar de 1 a 10 o nível de satisfação com a Trybewarts
    • 15. Crie uma textarea com o id 'textarea' contendo o número máximo de caracteres igual à 500
    • 16. Crie um campo de entrada do tipo 'checkbox' com o id 'agreement' para validar as informações
    • 17. Crie um botão de Enviar para submeter o formulário
    • 18. Faça com que o botão 'Enviar' seja habilitado somente após a checkbox do requisito 16 ser selecionada
    • 19. Crie um rodapé no final da página
  • Lista de requisitos bônus:
    • 20. Crie um contador com o ID 'counter' contendo o número de caracteres disponíveis no textarea, variando de 500 até 0, que deverá ser atualizado a medida que algo for digitado na textarea
    • 21. Faça com que ao clicar no botão 'Enviar', o conteúdo do formulário seja substituído pelas informações preenchidas
  • Lista de requisitos não avaliativos:
    • 22. Preencha o arquivo feedback.md . Aproveite o espaço para deixar seus feedbacks sobre o projeto.
    • 23. Realize o desenvolvimento da versão mobile do formulário Trybewarts.
• Depois de terminar o desenvolvimento (opcional)
  • Dicas
  • Revisando um pull request
• Avisos finais

Habilidades

Neste projeto, verificamos se você é capaz de:

• Criar formulários em HTML;

• Utilizar CSS Flexbox para criar layouts flexíveis;

• Criar regras CSS específicas para serem aplicadas a dispositivos móveis;

• Construir páginas que alteram o seu layout de acordo com a orientação da tela;

---

Entregáveis

Para entregar o seu projeto você deverá criar um Pull Request neste repositório.

Lembre-se que você pode consultar nosso conteúdo sobre Git & GitHub sempre que precisar!

O que deverá ser desenvolvido

Neste projeto, você irá desenvolver uma página de formulário da Escola de Magia de Trybewarts, em que as pessoas estudantes poderão enviar seus feedbacks sobre a escola. O tema desse projeto é baseado na obra 'Harry Potter', de J. K. Rowling, já que programar é o mais próximo que podemos chegar de algo verdadeiramente mágico! Mas não se preocupe se não tiver conhecimento sobre o universo da obra original, pois criamos nossa própria versão da Escola de Bruxaria e você terá todas as informações necessárias para a construção do projeto nesse readme!