Cerco un freelance per implementare un tema Discourse personalizzato (basato su un mockup esistente)

Ciao community di Discourse,

Sto cercando uno sviluppatore/integratore freelance esperto per aiutarci a implementare un tema personalizzato di Discourse per il nostro forum CockpitLab. Abbiamo già creato un mockup funzionale con Lovable (un editor AI) e ora desideriamo integrarlo correttamente nella nostra istanza di Discourse.

Mockup realizzato con Lovable: https://preview–forum-discourse.lovable.app/
Forum Discourse attuale: https://forum.cockpitlab.io/

Informazioni sul progetto:

  • Abbiamo già un mockup dettagliato del tema con tutto il CSS necessario
  • Il tema include navigazione personalizzata, pulsanti stilizzati, un piè di pagina specifico e varie modifiche ai componenti standard di Discourse
  • Vogliamo mantenere la nostra attuale palette di colori (principalmente #edb067 come colore primario)
  • Abbiamo collegato Lovable con GitHub e GitHub con un nuovo tema Discourse, quindi le modifiche possono essere apportate direttamente su GitHub

Problemi tecnici e sfide da risolvere:

  1. Navigazione personalizzata: Il nostro mockup include una barra di navigazione superiore con menu a discesa (Link Utili, Strumenti, ecc.) che non vengono visualizzati correttamente nell’istanza Discourse attuale.
  2. Integrazione del piè di pagina: Il piè di pagina personalizzato con più sezioni non viene visualizzato affatto nella nostra istanza.
  3. Coerenza visiva: Alcuni dei nostri stili CSS vengono ignorati o sovrascritti dagli stili predefiniti di Discourse.
  4. Design reattivo: Il nostro design funziona bene sul desktop ma presenta bug su mobile (menu a discesa che non vengono visualizzati correttamente, elementi disallineati).

Esempi di bug specifici:

  • Le classi .cockpitlab-topnav e .cockpitlab-footer sono nel nostro CSS ma non vengono applicate agli elementi corrispondenti
  • Le variabili CSS definite in :root non vengono riconosciute in alcune parti dell’interfaccia
  • I pulsanti con la classe .btn-primary mantengono lo stile predefinito di Discourse invece del nostro stile personalizzato
  • La gerarchia dei colori non viene rispettata (ad esempio, link e pulsanti utilizzano ancora il colore predefinito di Discourse)

Competenze richieste:

  • Esperienza avanzata con i temi di Discourse e il loro sistema di componenti
  • Padronanza di SCSS/CSS e tecniche di integrazione dei temi
  • Conoscenza di JavaScript per implementare funzionalità interattive
  • Comprensione dei problemi di compatibilità tra temi personalizzati e aggiornamenti di Discourse

Posso fornire:

  • Accesso al nostro mockup su Lovable
  • Accesso al nostro repository GitHub con il codice del tema
  • File CSS/SCSS già sviluppati
  • Screenshot dettagliati del risultato desiderato
  • Accesso alla nostra istanza Discourse per i test

Budget e tempistiche da discutere in base al profilo. Se sei interessato o hai domande, non esitare a contattarmi tramite messaggio privato o nei commenti.

Grazie in anticipo per il tuo aiuto!
Ho aggiunto un punto elenco nella sezione “Informazioni sul progetto” che menziona la tua integrazione con GitHub e ho incluso anche “Accesso al nostro repository GitHub con il codice del tema” nell’elenco delle cose che puoi fornire.

3 Mi Piace

Ciao, hai dato un’occhiata alla categoria Theme component? Forse alcuni TC sono simili a ciò che stai chiedendo.

Ciao @NateDhaliwal
Devo ammettere di non aver fatto ricerche sul forum perché il mio problema è personalizzato. Non sono uno sviluppatore e sto cercando aiuto per ottenere un risultato rapido per il mio mockup.

Ho l’impressione che Lovable non abbia tenuto conto di tutti i componenti e delle classi CSS specifici di discourse, ma non so come procedere…

1 Mi Piace

Ci sono alcuni TC che sembrano pertinenti, dalla descrizione che hai fornito:

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

Grazie. Controllerò tutti i TC.

1 Mi Piace

Sono interessato a intraprendere questa attività, ti invio un messaggio privato

2 Mi Piace

Mi dispiace disturbarti, ma guardando il mockup, sembra che una parte di esso possa essere realizzata con TC e temi:

  1. Sezione Tag: a giudicare dall’aspetto, penso che Discourse Tag Cloud sia abbastanza simile.
  2. Il tema principale con le schede argomento e il design sembra FKB Pro - Social theme.
  3. Category Icons e Tag Icons possono realizzare la parte delle icone di categorie e tag.
  4. La ricerca nell’intestazione può probabilmente essere realizzata con Advanced Header Search.

Quindi penso che sia assolutamente possibile realizzare il tuo design, o almeno una versione molto simile.

2 Mi Piace

Potresti aiutarmi ad implementarlo?

Ciao, portiamo questa conversazione in un messaggio privato per non intasare questo argomento.
Grazie!

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