Procura-se um freelancer para implementar um tema customizado de Discourse (com base em um mockup existente)

Mercado
1

Olá comunidade Discourse,

Estou procurando um desenvolvedor/integrador freelancer experiente para ajudar a implementar um tema personalizado do Discourse para o nosso fórum CockpitLab. Já criamos um protótipo funcional com Lovable (um editor de IA) e agora desejamos integrá-lo corretamente em nossa instância do Discourse.

Protótipo feito com Lovable: https://preview–forum-discourse.lovable.app/
Fórum Discourse atual: https://forum.cockpitlab.io/

Sobre o projeto:

  • Já temos um protótipo detalhado do tema com todo o CSS necessário.
  • O tema inclui navegação personalizada, botões estilizados, um rodapé específico e várias modificações nos componentes padrão do Discourse.
  • Queremos manter nossa paleta de cores atual (principalmente #edb067 como cor primária).
  • Conectamos o Lovable ao GitHub e o GitHub a um novo tema do Discourse, portanto, as modificações podem ser feitas diretamente no GitHub.

Problemas técnicos e desafios a serem resolvidos:

  1. Navegação personalizada: Nosso protótipo inclui uma barra de navegação superior com menus suspensos (Links Úteis, Ferramentas, etc.) que não são exibidos corretamente na instância atual do Discourse.
  2. Integração do rodapé: O rodapé personalizado com várias seções não aparece em nossa instância.
  3. Consistência visual: Alguns de nossos estilos CSS são ignorados ou substituídos pelos estilos padrão do Discourse.
  4. Design responsivo: Nosso design funciona bem no desktop, mas apresenta bugs no celular (menus suspensos que não são exibidos corretamente, elementos desalinhados).

Exemplos de bugs específicos:

  • As classes .cockpitlab-topnav e .cockpitlab-footer estão em nosso CSS, mas não são aplicadas aos elementos correspondentes.
  • Variáveis CSS definidas em :root não são reconhecidas em certas partes da interface.
  • Botões com a classe .btn-primary mantêm o estilo padrão do Discourse em vez de nosso estilo personalizado.
  • A hierarquia de cores não é respeitada (por exemplo, links e botões ainda usam a cor padrão do Discourse).

Habilidades necessárias:

  • Experiência avançada com temas do Discourse e seu sistema de componentes.
  • Proficiência em SCSS/CSS e técnicas de integração de temas.
  • Conhecimento de JavaScript para implementar recursos interativos.
  • Compreensão de problemas de compatibilidade entre temas personalizados e atualizações do Discourse.

Posso fornecer:

  • Acesso ao nosso protótipo no Lovable.
  • Acesso ao nosso repositório GitHub com o código do tema.
  • Arquivos CSS/SCSS já desenvolvidos.
  • Capturas de tela detalhadas do resultado desejado.
  • Acesso à nossa instância do Discourse para testes.

Orçamento e cronograma a serem discutidos com base no perfil. Se você estiver interessado ou tiver dúvidas, sinta-se à vontade para me contatar por mensagem privada ou nos comentários.

Agradeço antecipadamente pela sua ajuda!
Adicionei um item na seção “Sobre o projeto” mencionando sua integração com o GitHub e também incluí “Acesso ao nosso repositório GitHub com o código do tema” na lista de coisas que você pode fornecer.

3 curtidas
2

Olá, você já deu uma olhada na categoria Theme component? Talvez alguns TCs sejam semelhantes ao que você está pedindo.

3

Olá @NateDhaliwal
Tenho que admitir que não fiz nenhuma pesquisa no fórum porque meu problema é personalizado. Eu mesmo não sou um desenvolvedor e estou procurando ajuda para obter um resultado rápido para meu mockup.

Tenho a impressão de que o Lovable não levou em consideração todos os componentes e classes CSS específicos do discourse, mas não sei como prosseguir…

1 curtida
4

Existem alguns TCs que parecem ser relevantes, com base na descrição que você forneceu:

  1. ⬇️ Dropdown Header
  2. Header Submenus
  3. Custom Header Links (icons)
  4. Custom Header Links
  5. Topic Footer Buttons
  6. Easy Responsive Footer
1 curtida
5

Obrigado. Verificarei todos os TCs.

1 curtida
6

Tenho interesse em aceitar, vou te enviar uma mensagem privada

2 curtidas
7

Desculpe incomodar, mas olhando o mockup, parece que uma parte dele pode ser auxiliada por TCs e temas:

  1. Seção de tags: Pelo que parece, acho que Discourse Tag Cloud é bem semelhante.
  2. O tema principal com os cards de tópicos e o design parece FKB Pro - Social theme.
  3. Category Icons e Tag Icons podem realizar a parte de ícones de categorias e tags.
  4. A busca no cabeçalho provavelmente pode ser feita com Advanced Header Search.

Então, acho que é definitivamente possível realizar seu design, ou pelo menos uma versão muito semelhante.

2 curtidas
8

Você poderia me ajudar a implementá-lo?

9

Oi, vamos continuar isso por mensagem privada para não poluir este tópico.
Obrigado!

10

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.