Aprimore sua experiência de estudos por meio de quizzes! Crie, edite ou apague quizzes do tema que desejar, tudo por meio de uma interface agradável e flúida, que se adapta em diferentes tamanhos de tela. O Studier é um projeto com foco em tornar seu aprendizado mais prático e intuitivo.
- React
- TypeScript
- Tailwind CSS
- Context API
- React Router DOM
- Framer Motion
- Criar quizzes
- Para criar um quiz, basta ir na página 'Novo'. Você pode criar quizzes com até 10 questões, com 4 opções cada!
- Editar quizzes
- Para editar um quiz, vá até a página 'Meus quizzes'. Por lá, você pode editar o nome ou as questões de um quiz, podendo também deletar o mesmo.
- Jogar um quiz
- Na página 'Home', escolha um quiz para jogar e clique em 'Começar'. Você será direcionado para a página em que o quiz acontece de fato.
Nota: Para realizar os passos citados, você precisará baixar o Node.js e um editor de código.
Você pode testar o projeto diretamente por este link, mas caso queira rodá-lo localmente em sua máquina, siga os passos abaixo:
-
Baixe o arquivo .zip do repositório
- Vá no botão com texto "Code", no início do repositório, e selecione "Download ZIP"
-
Extraindo
- Após baixar, mova o arquivo para a pasta desejada e faça a extração na mesma
-
Baixando dependências
- Abra a pasta em um editor de código e, no terminal integrado, rode o comando
npm install. Isso irá realizar a instalação dos pacotes necessários para rodar a aplicação
- Abra a pasta em um editor de código e, no terminal integrado, rode o comando
-
Rodando a aplicação
- Após baixar as dependências, rode o comando
npm startno terminal. Isso irá iniciar um servidor na sua própria máquina, possibilitando a execução de todo o código
- Após baixar as dependências, rode o comando