✨ Project finished ✨

[kammradt]

Olá amigos 👋

👸 Autora: Gabriela de Almeida Riul

Com a ajudinha de :person_with_blond_hair: Vinicius Kammradt

Solução desenvolvida: https://leitura-organica.now.sh/

Esse projeto deu início a uma história muito legal, que está detalhada aqui, mas vou resumir para vocês:

Gabriela é uma estudante de Engenharia Elétrica, participante de um grupo dedicado a estudos além dos meios acadêmicos e estava interessada em aprender sobre programação (Javascript, especificamente).

Com esse objetivo em mente, decidiu fazer um estágio com duração de 2 meses na Informant. Foi-se iniciado o contato com Javascript, e logo após alguns tutoriais decidimos encarar um desafio maior e acabamos chegando aqui no Desafio333.

O projeto, ideias de implementação e a própria codificação foi desenvolvido pela Gabriela, eu, Vinicius, procurei atuar como instrutor/ajudante nesse processo.

✨ Tecnologias que aprendemos durante esse estágio ✨

• Começamos aprendendo o básico de HMTL, CSS e JS;
• Partimos para algumas novidades do ES6;
• Então, foi-se iniciado o front-end com Vue.js;
• A API, responsável pelo processamento, envio de e-mails e administração do site foi escrita em Express.js junto com MongoDB;

Durante o estágio, escrevi um tutorial para orientar o desenvolvimento do desafio, ele está aqui

• Para ajudar na estilização, utilizamos Styled Components do Vuetify;
• Para o envio de E-mails, efetuamos uma integração com o SendGrid;
• Deploy da API efetuada no HEROKU utilizando o Free Tier;
• Deploy do front-end pela plataforma Zeit;

⭐ Nossa solução ⭐

Antes de mostrar a aplicação, gostaria de enfatizar que nos atentamos ao detalhe de cumprir todos os requisitos solicitados:

• ✅ Enviamos o PPM por e-mail
• ✅ Refazer o teste
• ✅ Compartilhar sua velocidade de leitura (Facebook, Twitter e - LinkedIn)
• ✅ Enviar o resultado para seu e-mail ao finalizar

Página principal

Teste

Finalização

E que tal um ✨ tchan ✨ a mais?

Estávamos bem animados para começar o projeto e pensamos: Por que não colocar algumas coisinhas a mais?
Visto isso:

• ✅ Criamos um painel de administrador para nosso amigo do Leitura Orgânica
• ✅ O site conta com textos aleatórios para os testes
• ✅ O administrador pode adicionar novos textos
• ✅ O administrador pode editar textos existentes
• ✅ O administrador pode deletar textos existentes
• ✅ O administrador tem acesso aos dados dos e-mails enviados
• ✅ O administrador tem acesso aos histórico de envio de e-mails
• ✅ O administrador pode tentar re-enviar um e-mail caso algum problema tenha ocorrido
• ✅ O site conta com sistema de autenticação por JWT
• ✅ O site pode comportar o cadastro de possíveis alunos caso seja desejado (isso não foi implementado mas está com a base técnica pronta), pois já existem end-points para cadastro (bloqueados até o momento)

Login para Admin

Históricos

[lucasmacielc]

Boa Gabriela de Almeida Riul e @kammradt , mandaram bem demais!

[henriquepw]

@kammradt, emojis não funcionam em títulos de pull requests.

[anabeatrizzz]

Como escolho um texto para ler? Ou não dá para mudar essa tela onde tem meu título e vários "meu texto"? A ideia de painel de administrador foi bem interessante, contém várias informações nele.

[kammradt]

@kammradt, emojis não funcionam em títulos de pull requests.

Valeu pela dica! Eu uso uma extensão no Chrome ale acaba aparecendo normalmente para mim.
Mas valeu pela dica! Vou corrigir.

[kammradt]

Como escolho um texto para ler? Ou não dá para mudar essa tela onde tem meu título e vários "meu texto"? A ideia de painel de administrador foi bem interessante, contém várias informações nele.

Oi! O usuário que acessa o site para fazer o teste não pode escolher qual texto deseja ler.
O site irá usar um texto aleatório toda vez (No momento só tem um cadastrado pelo admin, e quando a página carrega ele chama um endpoint que escolhe um aleatório entre os cadastrados).
Valeu pelo elogio!!

[rn4n]

Cadastra um texto pra gente poder testar o calculo do PPM na aplicação hospedada no Zeit.

[kammradt]

Cadastra um texto pra gente poder testar o calculo do PPM na aplicação hospedada no Zeit.

Opa, é uma boa mesmo. Valeu por comentar!

[eduardoschmidtrush]

Showw! me influenciaram a procurar mais sobre Vue

[kammradt]

Showw! me influenciaram a procurar mais sobre Vue

Obrigado querido

[leituraorganica]

Sensacional @kammradt e Gabriela! Parabéns!

Alguns feedbacks:

• Acabei não falando sobre isso nas especificações, mas o texto estreito acaba afetando de forma significativa o tempo de leitura. No meu curso chego até a ensinar técnicas diferentes para você aplicar, dependendo do formato do texto (mais estreito, como num jornal, ou normal, como em um livro).
• Acredito que o processo de finalizar o teste poderia ser melhorado, não ficou muito intuitivo ter que pausar e depois descer até o final do texto para clicar em finalizar
• Como usuário, senti falta de um cronômetro para me mostrar que o teste está rodando.
• Os extras que vocês fizeram ficou incrível! Parabéns pela visão de como o cliente poderia utilizar a ferramenta que vocês construíram!
• Tem vários detalhes muito legais no projeto de vocês. Um dos que gostei muito foi o texto embaçado antes de iniciar o teste!

[kammradt]

Sensacional @kammradt e Gabriela! Parabéns!

Alguns feedbacks:

• Acabei não falando sobre isso nas especificações, mas o texto estreito acaba afetando de forma significativa o tempo de leitura. No meu curso chego até a ensinar técnicas diferentes para você aplicar, dependendo do formato do texto (mais estreito, como num jornal, ou normal, como em um livro).
• Acredito que o processo de finalizar o teste poderia ser melhorado, não ficou muito intuitivo ter que pausar e depois descer até o final do texto para clicar em finalizar
• Como usuário, senti falta de um cronômetro para me mostrar que o teste está rodando.
• Os extras que vocês fizeram ficou incrível! Parabéns pela visão de como o cliente poderia utilizar a ferramenta que vocês construíram!
• Tem vários detalhes muito legais no projeto de vocês. Um dos que gostei muito foi o texto embaçado antes de iniciar o teste!

Caramba, muito obrigado mesmo pelos feedbacks!
Muitos desses detalhes só mostram o quão importante é estar sempre alinhado com o cliente!
Principalmente: "mas o texto estreito acaba afetando de forma significativa o tempo de leitura"... Extremamente interessante! coisas que só mantendo contato mesmo para saber.
Obrigado pelas dicas novamente!

[ddauriol]

Bom dia! Parabéns pelo trabalho. Como retorno, quero falar para simular telas menores, como as de notebook de 13 ou 14 polegadas. A área do texto fica bem pequena, devido as margens laterais. outra coisa, talvez aumenta o espaçamento entre o texto, ajude na leitura. Boa sorte.

[fernanDOTdo]

@kammradt É com imenso prazer que venho por meio desta comunicar que você você venceu o #Desafio333 de Janeiro - Leitura Orgânica - ficando em PRIMEIRO lugar.
Entre em contato via "sussurro" no Twitch ou Discord para conversarmos sobre a premiação.

[leituraorganica]

Parabéns Gabriela e @kammradt!! O trabalho de vocês ficou mesmo sensacional! 👏🏼👏🏼