Studier

Conecte-se comigo! 🤝

📘 Sobre o projeto

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.

🔨 Ferramentas usadas

• React
• TypeScript
• Tailwind CSS
• Context API
• React Router DOM
• Framer Motion

⚙ Funcionalidades

1. 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!

2. 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.

3. 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.

🚀 Testando o projeto

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:

1. Baixe o arquivo .zip do repositório

   • Vá no botão com texto "Code", no início do repositório, e selecione "Download ZIP"

2. Extraindo

   • Após baixar, mova o arquivo para a pasta desejada e faça a extração na mesma

3. 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

4. Rodando a aplicação

   • Após baixar as dependências, rode o comando npm start no terminal. Isso irá iniciar um servidor na sua própria máquina, possibilitando a execução de todo o código