Skip to content

3runoDesign/certificate-generator

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Desenvolvedoras :octocat:


Bee Bones

Chaiana Hermes

Diana Regina

Rose Ahakawa

Status do Projeto: Concluido ✔️

Tópicos

🔹 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

Descrição do projeto ⭐

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

O que a plataforma é capaz de fazer 🏁

🏆 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

Deploy da Aplicação com Netlify 💨

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

Pré-requesitos

⚠️ Node

⚠️ Yarn

Como rodar a aplicação ▶️

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/

JSON 💾

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

Usuário:

name email password token avatar
Lais Lima laislima98@hotmail.com lais123 true https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS9-U_HbQAipum9lWln3APcBIwng7T46hdBA42EJv8Hf6Z4fDT3&usqp=CAU

Evento:

user company course startDate finishDate workload logo
Lais Lima WomakersCode Bootcamp React 01/02/2020 28/03/2020 56 https://miro.medium.com/max/478/1*jriufqYKgJTW4DKrBizU5w.png

Participante:

name email present receiveCertificate course
Chaiana Hermes chaiana_hermes@yahoo.com.br true false Bootcamp React

Páginas

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

CRUD

Usuários

✔️ 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.

Eventos

✔️ 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

Participantes

✔️ 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.

Linguagens, dependencias e libs utilizadas 📚

Framework para layouts prontos:

Autenticação com Google

Para mandar PDF por email

Para inserir HTML no corpo do email

Para desenvolver a assinatura digital:

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

Dependência externa 📨

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


About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.5%
  • CSS 29.5%
  • HTML 2.0%