Descrição
O Curso Online de Educação PWA é um modelo de Aplicativo Web Progressivo moderno e pioneiro em dispositivos móveis, projetado especificamente para plataformas de aprendizado on-line, mercados de cursos e aplicativos educacionais.
Ele fornece uma solução de interface de usuário completa para criar sistemas poderosos de e-learning com um design limpo, experiência de usuário suave e desempenho semelhante ao de um aplicativo, tudo executado diretamente no navegador.
Construído com Tailwind CSS e Vanilla JavaScript, este modelo é leve, rápido e fácil de personalizar, sem estruturas ou dependências pesadas.
✨ Características principais ✅ Aplicativo Web progressivo (pronto para PWA) ✅ Construído com Tailwind CSS ✅ Pure Vanilla JavaScript (sem jQuery, sem estruturas) ✅ Mais de 40 telas de aplicativos móveis ✅ Design de interface de usuário limpo e moderno ✅ Totalmente responsivo (430px em dispositivos móveis) ✅ Lista de cursos e páginas de detalhes ✅ UI de acompanhamento do progresso de aprendizagem ✅ Páginas de autenticação (login, inscrição, OTP, redefinição de senha) ✅ Painel e perfil de usuário ✅ Lista de desejos/sistema de favoritos ✅ Sistema de notificação de torradas ✅ Navegação inferior (otimizada para UX móvel) ✅ HTML5 semântico e otimizado para SEO ✅ Estrutura de Código fácil de personalizar ✅ Compatibilidade entre navegadores Gráficos e análises Gráficos interativos desenvolvidos por Chart.js Acompanhe o progresso e o desempenho do aprendizado do usuário O que você ganha Arquivos de Modelo HTML completos CSS (compilado pelo Tailwind) Arquivos JavaScript Arquivos PWA (Manifesto + Service Worker) Documentação ⚡ Início rápido Extraia o pacote baixado Abra o app.html Execute com o Live Server (recomendado) Nenhum processo de construção é necessário. O modelo funciona imediatamente.
Características do PWA Instalável em dispositivos móveis Suporte off-line ativado Carregamento e armazenamento em cache rápidos Experiência de usuário semelhante a um aplicativo Páginas incluídas Tela inicial Integração Login/Inscrição Esqueci a senha Verificação OTP Painel de controle inicial Lista de cursos Detalhes do curso Visualização da aula Acompanhamento do progresso Lista de desejos Perfil Configurações Notificações E muitos mais... Personalização Cores via configuração Tailwind Layout e componentes Manipulação de dados (armazenamento local ou integração de API) Tecnologias usadas HTML5 CSS Tailwind JavaScript básico
Chart.js