Modernize Fat Free CRM UI

[johnnyshields]

Fat Free CRM is in need of a modern UI. Requirements:

• Use Bootstrap 5 Done
• Use FontAwesome 5
• Edit / Delete links etc should be replaced with button icons (e.g. red button with trashcan for delete)
• Use modern color schemes - Adopt a new color pallete #906 is one possibility
• Tag colors should be modernized - also part of Adopt a new color pallete #906
• Text size should be kept consistent (maybe slightly enlarged in some places) Done
• Replacing nav tabs with a collapsing/dynamic sidebar https://docs.requarks.io/all Change layout to bootstrap's grid system #923

[CloCkWeRX]

https://groups.google.com/forum/m/#!topic/fat-free-crm-users/VM3NAKEQgow

[CloCkWeRX]

Ah c'mon we can make some good inroads by say, April-ish? Even if that release becomes "current UI refactoring in preparation to modernize"

[johnnyshields]

This is a bit of a radical proposal but I think it would be better to develop the frontend as a React app which connects to an API-only server. If we're gonna redo- it might as well go for the gold... I find UI development is so much easier these days using React vs. the traditional server-rendered Rails. We can continue to support the legacy UI until the React is full online. Thoughts?

[steveyken]

Certainly worth considering. I had a brief go a few years back at mocking up an API (https://github.com/crossroads/ffcrm_api) - might be some useful code snippets in there but it's far from production ready. Other bonus of an API is that it paves the way for mobile apps.

…

On Sat, Feb 10, 2018, 18:43 Johnny Shields ***@***.***> wrote: This is a bit of a radical proposal but I think it would be better to develop the frontend as a React app which connects to an API-only server. If we're gonna redo- it might as well go for the gold... I find UI development is so much easier these days using React vs. the traditional server-rendered Rails. We can continue to support the legacy UI until the React is full online. Thoughts? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#695 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAJGzt1BQafsSTWq-meggq4pCSs0R-Oyks5tTXLTgaJpZM4RhWiG> .

[johnnyshields]

with react you can combine mobile and non-mobile into one app, using different components that display in different contexts

[saravanabalagi]

any timelines/roadmap available?