Design das Telas

[angeliski]

A ideia é ter uma pequena e breve discussão sobre as telas do dashboard. Inicialmente a aplicação visa atender o cadastro de eventos e a adminstração deles pelos administradores do projeto.

[angeliski]

Show @kvnol ! A ideia é essa mesmo. Se você tiver alguma outra sugestão, só mandar bala

[vmarcosp]

Ficou muito bacana @kvnol, tu consegue dar uma mão pra gente com o design dessas telas ? :smile: Estamos desenvolvendo em paralelo a API e seria bom já organizarmos também o dashboard, né @angeliski ? :rocket:

[kvnol]

Vou desenhar sim, hoje dou uma agilizada nisso e vou mandando aqui.

[theandersonn]

Estava aqui olhando a tela para cadastro de eventos e senti falta da Url para o Maps.

Repassando, esses são os campos utilizados atualmente:

Título: Data: Local: Url Map: Descrição: Logotipo do evento: (caso não tenha, deve ser usado a logo do front-end br) Valor: Link do evento:

[angeliski]

Opa @theandersonn ! Se você olhar no mockup, tem um iconezinho do lado do CEP. A minha ideia ali era abrir uma "integração" com o maps, pra facilitar a vida. O que você acha? Acho que nesse cenário faltou o Logotipo do evento mesmo.

[theandersonn]

@angeliski Vi o cep, mas achei que remete a incluir a numeração. Acha que se fosse URL do Maps não ficaria mais intuitivo que ali será uma integração com maps? Qual a sua opinião?

[angeliski]

@theandersonn Faz sentido... Talvez fique melhor colocar uma linha do maps em baixo, junto com o icone de integração. Assim o usuário pode colar se tiver o link, ou usar a integração pra pesquisar o local

[theandersonn]

Show. Não tinha pensado nesta possibilidade.

[vmarcosp]

@kvnol Conseguiu algo ? 😄

[kvnol]

@vmarcosp peguei o feriado para fazer, vou estar jogando as telas aqui.

[kvnol]

Tela de login

Desktop

Mobile

Dashboard

Desktop

Mobile

[kvnol]

O que acham @vmarcosp, @angeliski, @LFeh, @fdaciuk e @theandersonn? estou criando a página de cadastro e já atualizo no #4.

Depois, também, vou fazer um mockup para ficar boa a apresentação dessas telas.

[vmarcosp]

@kvnol Ta ficando irado!! 🚀 😄

[angeliski]

ANIMAL @kvnol Tenho algumas observações que podem te ajudar.

• Na tela de login, hoje, o cara só pode se logar com o Github. Nós não pensamos em disponibilizar um login com email e senha.
• Na tela onde aparecem os eventos, ficaria massa um filtro de aprovados e reprovados, porque é onde os administradores mais vão atuar em si.
• No fluxo normal da aplicação, quando o usuário que logar não for admin, ele só vai poder cadastrar eventos, mais nenhuma ação seria permitida.

Qualquer dúvida, tamos ae

[kvnol]

Massa, @angeliski. Vou implementar.

[vmarcosp]

@angeliski Vou começar a trabalhar no dashboard. Posso começar a estruturar e criar alguns componentes

[fdaciuk]

@kvnol tá ficando bonitão cara, parabéns :clap: :clap: :clap:

[kvnol]

O filtro seria mais ou menos isso, @angeliski?

[angeliski]

O filtro que eu pensei era muito mais simples. Hauhauaha ficou animal cara, muito bom

[kvnol]

Uhul! :zap:

[theandersonn]

Gostei também! Uma pergunta a logo vai ficar alinhada a esquerda?

[kvnol]

@theandersonn Na página de login é melhor ficar à esquerda por conta do texto (por sinal esqueci de subir a nova tela de login).

PS: vou organizar tudo depois, prometo.

Desktop

Mobile

[theandersonn]

@kvnol Beleza :) Está ficando bonito.

[felipefialho]

@kvnol Talvez vale deixar o logo centralizado nas telas menores :)

[angeliski]

Salva @kvnol Você conseguiu evoluir com essa task?

[kvnol]

@angeliski, creio que já finalizei. Acho que vocês podem iniciar e o que precisarem de mim podem ir dando uns toques e qualquer coisa, pode deixar que vou abrindo uns PRs também.

[angeliski]

Opa @kvnol Acho que faltou o Form de cadastro, ou se acha que nem precisa?

[kvnol]

Puts, @angeliski, verdade. A parte mais importante, hahahaha, vou desenhar e mando aqui.

[kvnol]

Mas, de qualquer forma, se vocês quiserem ir começando é melhor. Vou soltando as telas.

[felipefialho]

Vocês detonam 👊

[angeliski]

Show de bola @kvnol! A gente vai tocando com as telas que a gente já tem. Valeu cara!

[kvnol]

@angeliski e galera, as telas vão estar sendo sincronizadas no InvisionApp: https://invis.io/XKEOATDG8 :heart:

[MarcelLZ]

Olá @kvnol, estou trabalhando nas telas agora, porém do InvisionApp não consigo extrair a logo, qual font você usou e etc. Tem como disponibilizar isso pra gente? E aproveitando, ficaram muito legais mesmo as telas, parabéns! :D

[kvnol]

Opa, @MarcelLZ. Fico feliz que tenha gostado.

A fonte é a Open Sans: https://fonts.google.com/specimen/Open+Sans

Os logos estão disponíveis, em SVG, no repositório da nossa brand.

[rodrigowpl]

@kvnol aproveitando. Estou desenvolvento os cards dos eventos. Sobre os assets, podemos usar do font awesome?

[kvnol]

@RodrigoWP, creio que seja melhor usar SVG. Vou exportar e compartilhar.

[rodrigowpl]

@kvnol show! obrigado 😄

[MarcelLZ]

Muito obrigando @kvnol! Já atualizei a logo com o SVG e a fonte. Aguardando os assets ;)

[kvnol]

Ícones em PNG: https://projects.invisionapp.com/assets/12487441/38805644/downloadZip Ícones em SVG: https://projects.invisionapp.com/assets/12487441/38806065/downloadZip

[vmarcosp]

@kvnol e aí cara tudo certo ? Vi que tu disponibilizou os links logo acima, mas eles não estão funcionando, consegues verificar por favor ? Obrigadão cara 😃

[kvnol]

Puts, só dá pra baixar logado no Invision :(

Baixa pelo WeTransfer mesmo: https://we.tl/9HTIoxpwCg

[rodrigowpl]

Opa, só pra passar um status, já fiz os components card e icon buttons. Os cards dos eventos estão com dados mockados por enquanto, ainda falta alguns ajustes na grid pra desktop e mobile

[vmarcosp]

Fala @kvnol tudo certo ? Finalizamos a tela de login e estamos quase finalizando o bashboard. Consegues passar o design do form de cadastro, visualização completa do evento e confirmação de exclusão do evento ? Aguardo seu retorno bro! :smile:

[felipefialho]

Da hora @vmarcosp

[kvnol]

E aí, @vmarcosp. Puts, deixei passar essas telas, vou ver se consigo fechá-las até domingo e mando aqui.

nois

[felipefialho]

Fala pessoal, novidades?

[kvnol]

Preciso terminar isso, pessoal. A culpa é minha, perdão.

[vmarcosp]

@kvnol Capaz bro! Ainda tem outras coisas pra terminar que não dependem das telas que faltam. Tá bem corrido pra mim, mas esse final de semana ou ainda um dia dessa semana, eu vou investir umas horas nisso pra dar um gás nas telas. Até segunda-feira passo um novo status. @LFeh Foram feitas as telas de login e listagem de eventos. A última vez que trabalhei no projeto estava desenvolvendo o componente de filtro de cards dos eventos. Na tela de login tem que adicionar a parte de autenticação OAuth com o GitHub, eu tenho uma pequena lib pra fazer essa autenticação, que fiz pra usar em projetos SPA como esse, se alguém quiser adicionar essa funcionalidade ao projeto e contribuir seria de grande ajuda :smile: Link da biblioteca que mencionei

[felipefialho]

Ta tranquilo mano 😄

[vmarcosp]

Depois de muito tempo desde a última conversa, ontem finalmente consegui mexer novamente no dashboard. Finalizei o componente de filtro. @kvnol Conseguiu evoluir nas outras telas ? :smile: @angeliski Sobre o backend, consigo integrar já ? Se precisar de algo posso botar a mão no backend também :nerd_face:. Queria terminar isso o quanto antes pra integrarmos o site de eventos com a api :heart: