Como implementar página web similar aos boards do trello

[Alex Sandro Garzao]

Oi pessoal,

Eu vou iniciar um projeto onde, entre várias interface, eu terei uma
com tipo de board, similar aos boards do trello [1], para que o
usuário possa acompanhar e atualizar suas tarefas.

Eu entendo bem de backend, mas de frontend, sou BEM limitado :-)

Para o backend eu imagino utilizar python+flask.

Agora, para fazer um frontend legal, onde o usuário crie suas tarefas,
e possa arrastá-las entre as colunas, editá-las, etc e tal. Como eu
faço isso? Ok, imagino que JS + HTML + CSS. Mas só com isso eu
consigo? Deveria usar Angular, React ou algo similar?

Enfim, o que eu gostaria de vocês são dicas sobre tutoriais,
tecnologias para utilizar, enfim, algum direcionamento para eu não
sair dando tapa no escuro hehehe.

Dicas (e críticas) serão muito bem vidnas :-)

Um grande abraço a todos!

[1] https://trello.com/b/bbspZaTq/test-cases

--
Atenciosamente,

------------------------------------------------------------------
Alex Sandro Garzão
E-mail: alexg...@gmail.com
Fone: (51) 98165 0486
LinkedIn: http://br.linkedin.com/in/alexgarzao/
------------------------------------------------------------------

[Alessandro Madruga Correia]

Ta ai uma coisa que gostaria de saber....

Vou precisar fazer algo similar tipo, o usuário vai poder personalizar a página de relatório.

Apesar de não ser NEM um pouco relacionado ao python se alguém puder compartilhar alguma ideia...

--
--
------------------------------------
Grupo Python-Brasil
http://www.python.org.br/wiki/AntesDePerguntar

<*> Para visitar o site do grupo na web, acesse:
    http://groups.google.com/group/python-brasil

<*> Para sair deste grupo, envie um e-mail para:
    python-brasil+unsubscribe@googlegroups.com

---
Você está recebendo esta mensagem porque se inscreveu no grupo "Python Brasil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para python-brasil+unsubscribe@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/d/optout.

--

  ,= ,-_-. =.   [<o>] Alessandro Madruga Correia

 ((_/)o o(\_))  [http://counter.li.org]       Debian User# 342751 

   `-'(. .)`-'    "O fanatismo é a única forma de força de vontade 

       \_/        acessível aos fracos." (Friedrich Nietzsche)

[Marcos Thomaz]

Usando estes frameworks javascript é bem fácil. Normalmente chamados de nested lists ou sortable: https://jqueryui.com/sortable/#connect-lists

Você recebeu essa mensagem porque está inscrito no grupo "Python Brasil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para python-brasil+unsubscribe@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--

Marcos Thomaz da Silva

Analista de Tecnologia da Informação

[Paul Eipper]

Para a UI posso recomendar uma busca google: "trello like interface",
ou "trello clone"

Começando simples, me trouxe esse exemplo:
https://jsfiddle.net/jaakkytt/FVyS2/
e esses projetos:
https://github.com/mrf28/a2gtm
https://github.com/daikeren/trallo

Tem mais completos também, inclusive um tutorial aqui:
https://www.codementor.io/angularjs/tutorial/trello-clone-angular-node-mongo-express


Além da UI, acredito que vale olhar em websockets para fazer a
interface responder a eventos do backend.

att,

--
Paul Eipper

2016-11-25 18:07 GMT-02:00 Alex Sandro Garzao <alexg...@gmail.com>:

> --
> --
> ------------------------------------
> Grupo Python-Brasil
> http://www.python.org.br/wiki/AntesDePerguntar
>
> <*> Para visitar o site do grupo na web, acesse:
> http://groups.google.com/group/python-brasil
>
> <*> Para sair deste grupo, envie um e-mail para:

> python-brasi...@googlegroups.com

>
> ---
> Você está recebendo esta mensagem porque se inscreveu no grupo "Python Brasil" dos Grupos do Google.

> Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para python-brasi...@googlegroups.com.

[Marcelo Valle (BLOOMBERG/ LONDON)]

O maior desafio que eu vejo num aplicativo como o trello eh o server push. Isso seria necessario para que mudancas que um usuario faz em um computador sejam aplicadas em tempo real para usuarios que compartilham o mesmo board em outros computadores.

Existem frameworks no mercado pra te ajudar com isso, mas acho que sua pergunta foi mais relacionada ao framework de UI, entao talvez nao seja sua preocupacao.

Para UI, com jquery + bootstrap voce faz isso facil, mas poderia usar tambem react, angular, minimojs...

[]s

<< ideas don't deserve respect >>

[Alex Sandro Garzao]

Peço desculpas pela demora em responder. Enfim...

Agradeço por todas as dicas pessoal!

Abraços!

2016-11-28 9:42 GMT-02:00 Marcelo Valle (BLOOMBERG/ LONDON)
<mvalle...@bloomberg.net>:

> Você recebeu essa mensagem porque está inscrito no grupo "Python Brasil" dos

> Grupos do Google.
> Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie
> um e-mail para python-brasi...@googlegroups.com.

> Para mais opções, acesse https://groups.google.com/d/optout.



--