[Site] Brainstorm do Projeto

[eduardojmatos]

Estamos pensando em fazer a página tentando utilizar o recurso do gh-pages, sem ter que investir num servidor nesse primeiro momento.

Gostaria de sugerir o seguinte pra nossa stack.

Estrutura

• Um arquivo JSON, que vai receber os eventos ou preenchidos via Issue, ou editados/adicionados diretamente no arquivo;
  • Podemos pensar futuramente numa API pra facilitar esse processo, ou até mesmo um cli, que lesse as issues e transformasse no JSON;
• Tendo esse arquivo, um esquema de template renderizaria essa lista com paginação e etc.
• Devemos ter categorias (cidade, valor - gratuito/pago);

Tecnologia

• Sugiro usarmos o Milligram como framework CSS (leve, simples e é de um brazuca!);
• Na parte de JavaScript, acho que usar o famoso VanilaJS seria massa 😬
• Template de JavaScript, o preact parece ser uma boa, por se extremamente leve;

Checklist

• Criação de estrutura do projeto com definição de diretórios;
• Configuração de task runner - à definir;
• Criação do html + css - ainda sem integração com JSON;
• Script pra ler o JSON e renderizar o template usando preact;
• Script pra criar as categorias (labels aqui do repo, preço, local);
• Paginação;

---

O que acham?

Convoco os amigos e a galera @frontendbr/admins pra decidirmos e começarmos a codar isso aqui =D

[fdaciuk]

Para o template e JS, poderíamos talvez usar o preact, que tem a mesma interface e lifecycle do React, mas tem só 3kb xD

[eduardojmatos]

@fdaciuk acho uma boa hein? Tava com ele aberto numa aba aqui faz um tempinho :)

[fdaciuk]

Teríamos que começar com um layout disso. Quem será (@diogorodrigues) que poderia criar? xD

[eduardojmatos]

@fdaciuk huahuah +1 pro @diogorodrigues nos ajudar 👍

[dionarodrigues]

Ótima ideia!
Claro, posso criar os layouts sim @fdaciuk e @eduardojmatos . =D

[eduardojmatos]

Aeeeee! :) :) :)

[diogomoretti]

Coisa linda @eduardojmatos. Só penso que não precisamos de um framework css nesse momento, por mais que o miligram seja leve e bom.

Já conheço o trampo do meu chará @diogorodrigues nos sites de front-in-* e realmente são fodas. Aguardando o layout....

[eduardojmatos]

@diogomoretti pode ser mesmo, de repente não seja preciso 😃

@diogorodrigues galera no aguardo pra codar! hehehehe

[fdaciuk]

Tô fazendo uns testes com o preact e, por enquanto, ele tá se saindo bem :D
O arquivo final, com preact, ficou com 42kb. O mesmo componente, com React, ficou com + de 600k xD

[willianjusten]

Opa @fdaciuk, isso é interessante hein, eu cheguei a ver o preact, mas não o utilizei ainda. To até meio embolado de tempo =/

[dionarodrigues]

@diogomoretti , valeu xará!!
Bora criar os layouts então. Só me tirem uma dúvida: o site será para vagas de emprego, correto? Ou será para os eventos mesmo? hehe

[fdaciuk]

@diogorodrigues acho que o de vagas vai ficar nas issues, não?

Esse seria para os eventos mesmo :)

Uma coisa que acho que faltou no template seria adicionar uma imagem para o evento, o que acham?

[diogomoretti]

Sim @fdaciuk, assim como o antigo site da BrazilJS.

[fdaciuk]

Show!

[dionarodrigues]

Blz @fdaciuk , em algum momento me bateu essa dúvida por conta da palavra vaga na descrição (pode ter sido isso, rs). mas tranquilo.

Um calendário como forma de filtro também pode ser interessante.

[fdaciuk]

Blz @fdaciuk , em algum momento me bateu essa dúvida por conta da palavra vaga na descrição (pode ter sido isso, rs). mas tranquilo.

💃 💃

Um calendário como forma de filtro também pode ser interessante.

👍 ✨

[eduardojmatos]

@diogorodrigues erro meu........ sorry!!! Corrigido!

[dionarodrigues]

@eduardojmatos Sem problema man, me desculpa também pela minha interpretação errada. ;)

Vou criar o layout e envio ainda nesse final de semana. Assim, podemos ir discutindo em cima dele. E se tiverem sugestões enquanto isso fiquem a vontade...

[felipefialho]

Perfeito @diogorodrigues. \o/

[eduardojmatos]

@diogorodrigues 😸 😸 😸

[fdaciuk]

Caras, na boa.. preact é muito lindo ❤️

E o bicho que criou é muito gente fina. Abri uma issue lá no repo, ele me add no gitter, olhou o código, deu um suporte animal, e é bem disposto a ouvir os problemas da lib e resolver :D

Descobri também o preact-compat, que dá pra fazer só uma troca direta dos módulos react e react-dom, sem alterar NADA no seu código que já usava React! Animal :D

[diogomoretti]

Sim, eu fiz um PR no preact-boilerplate. O cara foi super rápido, atencioso e humilde =]

[dionarodrigues]

Fala galera, blz?
Criei uma versão para o site, o que acham?

[dionarodrigues]

A ideia foi deixar os filtros com um destaque maior. E, abaixo, um mosaico randômico de eventos em destaque.

Se tiverem sugestões, fiquem à vontade. =D

[fdaciuk]

Cara, eu achei

Parabéns @diogorodrigues, mandou muito bem 👏 👏

O Anunciar Evento poderia direcionar para um CONTRIBUTING.md aqui no repo mesmo, pra mostrar como criar o pull request e adicionar um novo evento no JSON, né?

[eduardojmatos]

@diogorodrigues cara, amei isso daí!!!

Só pra entender, o topo, com os 5 eventos em destaque, são eventos que estão pra acontecer? Ordenaríamos por data ali então?

E esse logo??? Já podemos colocar aqui nesse repo!!!

[eduardojmatos]

@frontendbr/admins pessoal, o que acharam? Precisamos de feedbacks aqui! 😃

[ribeiroevandro]

@lfeh se precisar de ajuda em algo, só dizer, estou disponível para ajudar no que for preciso 😃

[felipefialho]

Boa noite,

Adiantei algumas coisas agora a noite:

• Core (Variaveis, Fontes, Container, etc)
• Header
• Main
• Footer

A base dessas estruturas que são fundamentais no projeto.

Estou seguindo a lógica do mobile first que abordo aqui

@eduardojmatos Essa issue está ficando quase como um repositório do projeto. Tem uma forma melhor de organizar essas coisas por aqui (até para outras pessoas poderem contribuir) ou é melhor continuar assim?

Pessoal da @frontendbr/admins, deem sinal de vida aqui para eu saber que estão acompanhando.

---

Para quem quiser acompanhar o projeto: https://github.com/frontendbr/eventos/tree/interface

E quem quiser contribuir pode mandar ver. Basta seguir o padrão de código e lógica que estamos usando, qualquer dúvida é só perguntar.

Os layouts estão aqui.

[fdaciuk]

Boa @lfeh! Acho que pra ficar mais fácil de ver o que tem pra fazer, dá pra criar um milestone, e ir criando issues dentro dele =)

[eduardojmatos]

@albertosouza vi aqui, e podemos de repente consultar a API do http://events.wejs.org pra jogar no projeto aqui hein.

Vamos trocar ideia no CLI quando começarmos a tocar o projeto?

[albertosouza]

Oi @eduardojmatos ok, hoje o events.wejs.org é só um site de exemplo apesar de ter tudo configurado (nginx, https ... etc) . Para ficar funcional eu posso resetar o banco ou criar uma nova instalação dele para atender a galera

Eu acho que é uma boa opção para uma API mesmo se não usar todos os recursos do portal de eventos

[eduardojmatos]

@brockdesigner foi mal não te responder, mas toda ajuda é bem-vinda. Estou criando as issues, se quiser dar uma olhada, só usar os dois links aqui:

• Estrutura Inicial => https://github.com/frontendbr/eventos/milestones/Estrutura%20Inicial
• Scripts do site => https://github.com/frontendbr/eventos/milestones/Scripts%20do%20site

[eduardojmatos]

@albertosouza legal man. Podemos discutir na ferramenta de CLI, se consumimos direto da sua API ou se lemos o response da API e gravamos no JSON mesmo. Podemos continuar a conversa lá => #10

[felipefialho]

Pessoal, preciso de alguma ajuda na interface. São quase 4am, preciso dormir.

Tem 20 participantes nesse tópico, acredito que pelo menos uma boa alma tenha tempo de dar um help 😄

Segue questões e andamento da estrutura

[suissa]

Eu devo ser muito velho mesmo pq eu nunca iria adivinhar que aquele icone de filtro eh para filtros LOL

Já estava procurando o menu de hamburger :p

ps: TA DO CARALEO esse layout hein!

[suissa]

@lfeh "Vamos no foco agora, o @elvisdetona está puto (com razão) com a gente 😸 ! Só dev foda nesse repositório e a gente não tira do papel, haha."

Mas eh assim memo mano se alguem nao começar e tirar do papel, nunca sai.

[suissa]

Sobre o mapa, ele será mostrado no mobile também? Se sim, como?

[hevertoncastro]

Show de bola o projeto galera! E o layout do @diogorodrigues está incrível!

Se precisarem de alguma força aí só falar, farei o possível pra ajudar. Com uma stack dessa com certeza também aprenderei muito!

[hevertoncastro]

@suissa, pelo que li acima cada evento terá uma página interna própria, e nela o mapa. No mobile a intenção é explorar o aplicativo nativo de mapa que é melhor para navegação.

[elvisdetona]

Só pra constar: Não to puto com ninguem hehehehe ❤️

É que vcs "pensam" demais ahahah, se sobrar um tempinho e ainda estiverem escrevendo codigo, eu ajudo e "termino". 3 eventos pra sair "Frontinsampa", "Conferencia CSS" e "mais um", nem pra lá eu to tendo tempo, mas lá tem 2 escrevendo codigo e se TUDO der certo, ainda essa semana o site do frontinsampa sai!

Bem... ja já os eventos começam a rolar e esse esquema que era pra "avisar" a galera, não hehehehe

• Se alguem de vcs vier para o frontinsampa que não é aqui de SP, a DICA é: Esteja em SP sexta feira na hora do HH. #spoiler #evento

[felipefialho]

Sem problemas @elvisdetona, você faz a parada acontecer de verdade (ou seja, organiza os eventos!), haha.

@hevertoncastro Preciso de ajuda em algumas coisas, se conseguir dar uma força seria ótimo -> #22

[diogomoretti]

@elvisdetona, sou de SC e estarei em SP desde quinta a noite. Serve? haha (desculpem o OT)

[felipefialho]

@diogomoretti Posso dizer que serve.

@elvisdetona posta essa parada aqui que é da hora que todos saibam, hahaha -> #13

[yanmagale]

@diogorodrigues excelente cara. Ficou muito bom esse layout. Parabéns mesmo

[vitormalencar]

Olá caros, já tem alguma ideia para um app?
gostaria de ajudar.

[felipefialho]

Já está em fase de produção, a essa é a etapa que estamos #22 e pode contribuir se quiser :)

[dionarodrigues]

Obrigado @yanmagale =D