viniciusvollrath / certificate-generator Goto Github PK

Bee Bones	Chaiana Hermes	Diana Regina	Rose Ahakawa

Status do Projeto: Concluido ✔️

🔹 Descrição do projeto

🔹 O que a plataforma é capaz de fazer

🔹 Deploy da Aplicação com Netlify

🔹 Pré-requesitos

🔹 Como rodar a aplicação

🔹 JSON

🔹 Páginas

🔹 CRUD

🔹 Linguagens, dependencias e libs utilizadas

🔹 Dependência externa

Desenvolver uma plataforma capaz de gerar certificados em PDF de eventos e cursos para enviá-los por e-mail aos participantes.

🏆 Gerar PDF do certificado com as informações preenchidas no formulário para cada participantes para envio de e-mail

🏆 Check-list de participantes, permitindo selecionar quem irá receber os certificados

🏆 Permite que o organizador do evento escreva sua assinatura digital dentro da plataforma

🏆 Oferece layout responsivo

🏆 Cadastrar organizadores

🏆 Cadastrar eventos

🏆 Cadastrar participantes para cada evento

https://certificates-for-everyone-womakerscode.netlify.app/

⚠️ Node

⚠️ Yarn

No terminal, clone o projeto:

git clone https://github.com/React-Bootcamp-WoMarkersCode/certificate-generator

Entre na pasta do projeto:

cd certificate-generator

Instale as dependecias:

yarn install

Execute a aplicação:

yarn start

Pronto, agora é possível acessar a aplicação a partir da rota http://localhost:3000/

A nossa simulação de banco de dados foi feita com JSON. Foram separados um para usuarios, participantes e eventos:

Aqui é possível visualizar a proposta de layout do projeto.

✔️ O usuário pode ser criado na pagina Sign-up a partir de um formulário ou com uma conta existente no Google.

✔️ Os dados do usuário podem ser acessados em Login e perfil.

✔️ Os dados do usuário podem ser atualizados em seu perfil a partir de um formulário.

✔️ A conta do usuário pode ser deletada em seu perfil.

✔️ Podem ser criados a partir de um formulário na lista de eventos.

✔️ Podem ser acessados na lista de eventos

✔️ Podem ser atualizados na lista de eventos a partir de um formulário.

✔️ Podem ser deletados na lista de eventos

✔️ Podem ser criados a partir de um formulário na lista de participantes.

✔️ Podem ser acessados em uma lista na lista de participantes.

✔️ Podem ser atualizados, indicando se aquele participante poderá ou não receber um certificado na lista de participantes.

✔️ Podem ser deletados na lista de participantes.

• React
• React PDF
• React Router

Framework para layouts prontos:

• AntDesign

Autenticação com Google

• Login com Google

Para mandar PDF por email

• jspdf

Para inserir HTML no corpo do email

• html2canvas

Para desenvolver a assinatura digital:

• Reactjs-Popup
• react-signature-canvas

Permite visualizar uma animação enquanto o usuário espera o e-mail ser enviado:

• React-Spinkit

Server Mailjet - Back-end feito em Golang utiizado para consumir api mailjet e enviar os emails com o certificado.