Giter VIP home page Giter VIP logo

quizetec's Introduction

Quizetec

img Quizetec é uma plataforma online que permite aos professores criar quizzes interativos e personalizados para avaliar o aprendizado dos seus alunos. Quizetec também é uma ferramenta divertida e eficaz para os alunos que querem revisar os conteúdos estudados. Quizetec é uma plataforma gratuita e fácil de usar, que se adapta a qualquer dispositivo e sistema operacional. Para começar a usar, basta se cadastrar com seu e-mail. Experimente hoje mesmo e descubra como ele pode transformar sua experiência de ensino e aprendizagem.

Tecnologias

  • Typescript: Linguagem
  • React: Biblioteca de Javascript
  • Ionic: FrameWork de Javascript
  • Tailwindcss: FrameWork de CSS
  • Framer Motion: Biblioteca de Animações
  • Shadcn: Coleção de componentes
  • Firebase: Banco de Dados NoSql
  • Zustand: Biblioteca de gerenciamento de estado para React
  • Zod: Biblioteca de declaração e validação de esquemas TypeScript

Inicialmente usamos React Native mas fizemos a troca para Ionic React porque o Native não era tão compativel com Firebase. Usamos o Typescript e Zod ajudava melhorar a qualidade do código, facilitar a detecção de erros, aumentar a produtividade e a legibilidade do código, e oferecer suporte a ferramentas de edição e depuração. Typescript também permite usar recursos mais modernos do Javascript, como classes, módulos e decoradores. Para estilização usamos Tailwindcss , Shadcn e o Framer Motionpor garantir melhor controle, facilidade, velocidade e customizável.

Pré-requisitos

Antes de iniciar, certifique-se de que você tenha o Node.js instalado em sua máquina. Você pode baixá-lo em nodejs.org. Use o gerenciador de pacotes da sua preferencia, mas para ter o mesmo resultados que da gente use npm

Instalação

  1. Clone este repositório em sua máquina local:
  git clone https://github.com/EyzRyder/Quizetec.git
  1. Navegue até o diretório do projeto:
cd Quizetec
  1. Execute o seguinte comando para instalar as dependências:
npm i
  1. Execute o codigo:
npm run dev

Configuração

  1. Crie um arquivo .env na raiz do projeto.

  2. Abra o arquivo .env com um editor de texto e adicione as seguintes variáveis de ambiente:

VITE_FIREBASE_apiKey=""
VITE_FIREBASE_authDomain=""
VITE_FIREBASE_projectId=""
VITE_FIREBASE_storageBucket=""
VITE_FIREBASE_messagingSenderId=""
VITE_FIREBASE_appId=""

Planos de Atualizações

  • Escolher entre diferentes tipos de perguntas, como múltipla escolha, verdadeiro ou falso, resposta curta, etc.
  • Adicionar imagens, vídeos, áudios e links para enriquecer os quizzes
  • Definir o tempo limite, o número de tentativas e o feedback para cada questão
  • Acompanhar o desempenho dos alunos em tempo real, com gráficos e relatórios detalhados
  • Exportar os resultados para planilhas ou outros formatos
  • Compartilhar os quizzes com outros professores ou alunos por e-mail, redes sociais ou QR code

Autores

Gabriel Kaua

quizetec's People

Contributors

eyzryder avatar kc1t avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.