Sistema de Gerenciamento de Aprendizagem (LMS)
(Next.js e Express.js)
Introdução
Bem-vindo ao aplicativo LMS-um sistema de gerenciamento de aprendizado de última geração, projetado para fornecer uma experiência de aprendizado on-line interativa e abrangente. Construído com o Next.js e Express.js, esta plataforma está equipada com recursos avançados para gerenciamento de cursos, envolvimento do aluno e experiências de usuário seguras e perfeitas.
Alguma visualização da interface do usuário
Página de inscrição/inscrição
Autenticação de funcionário para usuário seguro
Página de cursos
Professor/Admin para ver listas de cursos
Cursos/: Página de curso
Professor/Admin para criar, editar, excluir e ver curso de detalhes completos
Página do capítulo
Professor/Admin para (Criar, editar, excluir e ver detalhes completos) Capítulo para um curso
Página de análise
Professor/administrador para analisar quanto curso é vendido e quanta receita obtida
Página do capítulo
Os clientes podem se inscrever para um curso, veja capítulos gratuitos
Faixa para processo de pagamento
Os clientes verificam o procceso de pagamento
Página do capítulo
Os clientes podem ver os anexos do curso, seu progresso após a compra do curso
Página do painel
Os clientes podem ver seus cursos de progresso, cursos concluídos
Menu/alertas da barra lateral
interfaces responsivas e amigáveis
Principais recursos
Criação e gerenciamento dinâmico do curso: Crie e gerencie facilmente o conteúdo do curso, incluindo imagens e anexos. Autenticação robusta: autenticação segura do usuário usando o funcionário. Playback e upload de vídeo interativo: integrado ao MUX para uma experiência de vídeo suave. Pagamentos seguros: integração de faixas para lidar com pagamentos e assinaturas do curso. Interface amigável: design moderno e responsivo com o Tailwind CSS. Uploads de documentos e imagens: Utilizando o upload para o gerenciamento de arquivos sem complicações.
Tecnologias usadas
Front-end
Tecnologias usadas:
- Reaja 18.2.0
- Next.js 13.4.12
- Tailwind CSS 3.3.5
- React Hook Form 7.48.2
- React-Quill 2.0.0
- Recharts 2.10.3
- Lucide-React 0,294.0
Bibliotecas -chave:
- @Clerk/NextJS 4.27.2 : Para autenticação de usuário segura.
- @mux/mux-node e @mux/mux-player-react 7.3.3 e 2.3.0 : Para reprodução de vídeo e uploads.
- @Upload Thingch/React 6.0.2 : Para manusear os uploads de documentos e imagens.
- React-Hot-Hot Toast 2.4.1 : Para notificações elegantes.
- Zustand 4.4.7 : Gerenciamento de Estado.
Aprimoramentos de UI/UX:
- Tailwind Merge 2.0.0 : Para otimizar as classes CSS do Tailwind.
- CMDK 0.2.0 : interface do menu de comando.
- React-DropZone 14.2.3 : arraste e solte os uploads de arquivo.
- @TanStack/React-Table 8.10.7 : Para construir e gerenciar tabelas.
- @radix-ui/react-dialog , @radix-ui/react-dropdown-menu , etc., para componentes avançados da interface do usuário.
Características:
- Interface interativa e fácil de usar.
- Integração perfeita com streaming de vídeo e serviços de upload de arquivos.
- Ferramentas abrangentes de criação e gerenciamento de cursos.
- Design responsivo, garantindo compatibilidade em vários dispositivos.
Ferramentas de desenvolvimento:
- Eslint 8.54.0 : Para linha de código.
- PostCSS 8.4.31 e Autoprefixer 10.4.16 : para processamento CSS.
- TypeScript 5.3.2 : Para verificação do tipo.
Back -end
Principais tecnologias:
- Express.js 4.18.2 : A espinha dorsal do servidor, manuseio de roteamento e middleware.
- Mongoose 8.0.2 : ODM para MongoDB, simplificando as interações do banco de dados.
- Node.js: O ambiente de tempo de execução para executar o JavaScript no lado do servidor.
Banco de dados:
- MongoDB: banco de dados NOSQL usado para armazenar dados de aplicativos.
Bibliotecas -chave e middleware:
- DOTENV 16.3.1 : Para gerenciar variáveis de ambiente.
- Nodemon 3.0.2 (Desenvolvimento): Para reiniciar automaticamente o servidor durante o desenvolvimento.
Características:
- Pontos de extremidade da API REST robustos para recuperação e manipulação de dados.
- Conexão segura com o banco de dados com manuseio de consultas eficientes.
- Arquitetura escalável adequada para expandir recursos e base de usuários.
Segurança e autenticação:
- Medidas de segurança integradas para pontos de extremidade da API.
- Lógica de autenticação e autorização para proteger os dados do usuário.
Ferramentas de desenvolvimento:
- Vários pacotes NPM para aprimorar a funcionalidade e eficiência.
- Postman para testes e validação de terminais da API.
Integrações:
- Stripe para processamento de pagamentos: integrado aos webhooks da Stripe para lidar com transações.
- Outros serviços de terceiros, conforme exigido pelo aplicativo.
