EduMatrix Virtual Classroom Download - EduMatrix Virtual Classroom Código do Código do Código

EduMatrix Virtual Classroom

Outro código-fonte

1.0.0

Baixar

Projeto FullStack

Este projeto é um aplicativo Web FullStack criado com React (front -end) e Node.js (back -end). O front -end está configurado com o Vite e está localizado na pasta client , enquanto o servidor de back -end é executado com o Node.js e pode ser iniciado com npm run dev .

Sobre o projeto

O Edumatrix é uma plataforma virtual de sala de aula projetada para oferecer uma experiência de aprendizado perfeita e interativa. Construído com a pilha Mern, ela integra recursos de comunicação em tempo real usando o Socket.io e o WebRTC para permitir aulas ao vivo, videoconferência e ferramentas colaborativas, como um quadro branco compartilhado e bate-papo.

Metas

Aprimore a educação on -line : forneça uma plataforma que preenche a lacuna entre as salas de aula tradicionais e o aprendizado virtual, garantindo uma experiência rica e interativa para estudantes e educadores.
Acessibilidade : Torne a educação acessível aos usuários em todo o mundo, oferecendo uma plataforma confiável e fácil de usar.
Interação em tempo real : facilite a comunicação e colaboração eficazes entre professores e alunos por meio de videoconferência, bate-papo e ferramentas interativas.
Escalabilidade : Crie um sistema que possa escalar para suportar um grande número de usuários simultâneos sem comprometer o desempenho.
Personalização : permita que instituições e educadores adaptem a plataforma às suas necessidades específicas.

Índice

Características
Estrutura do projeto
Instruções de configuração
Contribuindo

Características

Frontend : construído com reação, configurado com vite para construção mais rápida e experiência otimizada de desenvolvimento.
Back -end : alimentado pelo Node.js com um servidor de API.
Comunicação em tempo real : suporta videoconferência ao vivo e bate-papo usando o webrtc e o soquete.io.
Ferramentas interativas : inclui um quadro branco compartilhado para colaboração durante as aulas.
Autenticação segura : implementa o login seguro e o gerenciamento de usuários.
Design responsivo : garante a usabilidade entre dispositivos, incluindo desktops, tablets e smartphones.
Integração FullStack : front -end e back -end conectados perfeitamente para manuseio de dados eficientes.

Estrutura do projeto

 root
├── client         # Frontend (React with Vite)
└── server         # Backend (Node.js with Express)

Instruções de configuração

Pré -requisitos

Node.js e NPM instalados em sua máquina.

1. Clone o repositório

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

2. Instale dependências

Navegue até as pastas do cliente e do servidor para instalar as dependências necessárias.

Front-end

 cd client
npm install

Back -end

 cd ../server
npm install

3. Configure variáveis de ambiente

Crie um arquivo .env no diretório server e adicione todas as variáveis de ambiente necessárias, como seqüências de caracteres de conexão do banco de dados, chaves de API e outras configurações.

4. Inicie o aplicativo

Servidor de back -end

Para iniciar o servidor de back -end, execute o seguinte comando na pasta server :

npm run dev

Isso iniciará o servidor de back -end no modo de desenvolvimento.

Servidor front -end

Para iniciar o servidor front -end, execute o seguinte comando da pasta client :

npm run dev

5. Acesse o aplicativo

Depois que os servidores de front -end e backend estiverem em execução, você pode acessar o aplicativo em http://localhost:5173 por padrão.

Contribuindo

Congratulamo -nos com contribuições! Para contribuir, siga estas etapas:

Fifra o repositório e crie seu ramo:
```
git checkout -b feature/YourFeature
```
Faça suas alterações e comprometa -as com uma mensagem significativa:
```
git commit -m " Add YourFeature "
```
Empurre para o garfo e envie uma solicitação de tração:
```
git push origin feature/YourFeature
```
Envie uma solicitação de tração do seu repositório bifurcado para a filial main do repositório principal. Nossa equipe analisará sua solicitação de tração e sugerirá as alterações necessárias.