Realizado

Front-end: Criação de tela em React

Publicado em 24 de Março de 2020 dias na TI e Programação

Sobre este projeto

Aberto

Possuímos uma plataforma LMS (ensino a distância) com uma tela administrativa criada com jQuery e precisamos portá-la para React. Essa tela é dividida em 4 passos:

1) Dados gerais
Formulário com 12 campos simples, como: nome do curso, descrição, select de categoria e tipo, etc

2) Imagem
Upload da imagem do curso com componente de crop para adequar a imagem às dimensões necessárias

3) Aulas
Tela composta por componentes drag-n-drop para o instrutor criar Módulos e cadastrar Aulas no mesmo. Cada aula tem um título, descrição, materiais complementares (que o instrutor irá fazer upload de algum arquivo) e de um tipo com configurações próprias:

3.1) Vídeo: ele pode fazer upload (o back-end irá gerar um <form> para upload no serviço de terceiros que utilizamos) ou informar um ID do YouTube / Vimeo
3.2) Questionário: criação de perguntas e respostas / formulário de configuração do quiz (se o aluno poderá refazer e quantas vezes; se esse questionário é obrigatório para o aluno avançar)
3.3) Documentos: upload de arquivos PDFs
3.4) Link: campo com uma URL para o professor preencher

4) Pagamento
Escolher se o curso será gratuito, pago avulso ou recorrente (se habilitado).



4.1) Pagamento avulso: ele irá preencher o valor e pode criar cupons de desconto. Cada cupom tem um nome, uma quantidade a ser disponibilizada e o valor que será dado de desconto
4.2) Pagamento recorrente: se o ambiente possuir essa funcionalidade habilitada (a API irá avisar se está), o professor poderá escolher quais Planos de Assinatura Recorrente (mensalidade) já cadastrados na plataforma ele irá incluir esse curso
4.3) Gratuito: esse curso será gratuito

Não é possível para um mesmo curso ser "Pagamento avulso" e "Gratuito", mas é possível ser Avulso + Recorrente e também Gratuito + Recorrente.


---------------------

Nota 1: A tela está funcional e se comunica com o back-end através de requisições AJAX (já estão prontas)
Nota 2: Comprei um template em React para fazermos a nova interface com os componentes dele

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Experiência nesse tipo de projeto Sim (Eu já gerenciei esse tipo de projeto)
Integrações de API Outros (Outras APIs)
Funções necessárias Designer, Desenvolvedor

Prazo de Entrega: Não estabelecido

Habilidades necessárias