/Buzz-quizz

Primary LanguageJavaScript

Buzz-Quizz

O buzz-quizz simula em uma aplicação HTML / CSS / JS o funcionamento de um site de funcionamento SPA (Single Page Application). Aqui você poderá criar e verificar quizzes que foram criados por outras pessoas. Os quizzes contam com perguntas e respostas a cerca de um tema específico escolhido pelo próprio criador. Cada pergunta deve ter apenas uma resposta correta e pelo menos 2 possíveis respostas. A aplicação conta com um modelo responsivo sem utilizações de BootStrap.

Sobre

A utilização da ideia SPA, se dá através de funções do JavaScript que manipulam diretamente o DOM da página de forma a fazer atualizações de conteúdo sem que seja necessário o recarregamento da página, evitando atrasos na utilização dele. Os quizzes criados por você, ficam armazenados no LocalStorage e podem ser acessados a qualquer momento. Cada Quizz consiste em um grande objeto com partes bem definidas que se desdobram de forma a montar uma uma espécie de página de perguntas e respostas. Ao final de cada Quizz você é avaliado em um dos níveis de conhecimento que foram inventados durante a criação do Quizz.

É importante saber que durante a criação do quizz, existe diversas validações e requisições que devem ser atendidas para que possa prosseguir para o resultado final, a demonstração do seu próprio Quizz. Essas validações ocorrem pelo próprio JavaScript e variam desde uma expressão regex para validação de URL de imagens, até a quantidade de letras e tipo de caracteres que podem ser usados nos textos.

Este projeto foi muito divertido de fazer, pois simula o ambiente muito utilizado por mim quando mais novo, o BuzzFeed. Brincar de resolver Quizzes e descobrir "que personagem você seria em Harry Potter?" ou "o quão futebolístico você é?", agora é possível, e por uma aplicação própria."

Tecnologias

As ferramentas que foram utilizadas para que esse projeto seja possível!

Como rodar

  1. Clone este repositório na sua máquina.
  2. Utilize o Visual Studio para abrir a plicação.
  3. Com auxílio da extensão "live server", rode esta aplicação.