Enhancement Proposal: Improved UI/UX for CouchDB

[divyanshudhruv]

Hello CouchDB Team 👋,

I've been a user of CouchDB for some time now, and while the functionality is top-notch, I've noticed that the current UI/UX could benefit from a refresh. I believe a modernized interface will not only enhance user experience but also make CouchDB more appealing to a broader audience.

Proposed Improvements:

Streamlined design

Simplifying the overall design to create a more streamlined and aesthetically pleasing experience.

Modern Typography and Icons:

Updating typography and icons to reflect modern design standards, improving readability and visual appeal.

Enhanced Color Scheme:

Introducing a modern color scheme, possibly with the inclusion of a dark mode for improved user comfort.

Dark Mode:

Introducing a dark mode will provide users with a more comfortable viewing experience, especially during extended usage in low-light environments.

Enhanced Sidebar:

A redesigned sidebar can improve navigation. Clear categories and icons can make it more intuitive for users to find what they need quickly.

Separate Logs and Stats Menu:

Creating distinct sections for logs and statistics will allow users to efficiently monitor interactions with the database. This will be particularly useful for troubleshooting errors and analyzing responses.

Collaboration Offer:

As a web developer, I'd like to contribute to this initiative by providing a sample design for the proposed improvements. I believe a minimalist and functional design can elevate the overall user experience.

If the moderators are open to it, I'm willing to create and share a sample design for the improved UI.

[divyanshudhruv]

Hello?

[rnewson]

Some samples would be helpful, but will you also be contributing pull requests to implement what you propose?

[divyanshudhruv]

Some samples would be helpful, but will you also be contributing pull requests to implement what you propose?

Yes! I can do, but give me some time for the UI

[divyanshudhruv]

Hello 👋🏻,

Here's a sample design 🖌️ ( I am ready to improve more ) I need some suggestion to improve it 😄

@rnewson

Dark Mode 🌗

Light Mode ☀️

[big-r81]

Hi @divyanshudhruv,

thank you for sending your examples. Maybe it is a good idea to fork our current UI (Fauxton) repository and integrate your style changes in a branch. The benefit would be, that we could try things out on a live version.

[divyanshudhruv]

Sure,
I will fork the repository and make necessary changes. The SCSS and CSS seem not good for me, there are many things that can be simplified, but doing the things in the same files is not a good idea for me. So can I use my own codes for doing that ? Only some JavaScript would be changed,but I am not very pro in JavaScript. Please suggest me?

Sorry for ping- @big-r81, @rnewson rnew

[rnewson]

I suggest starting with small PR's, once you get specific feedback on those, especially if they are then accepted by the project and merged, you can progress to larger proposals (like extensive rewrites of the CSS or bringing in other libraries). but remember that everything in CouchDB must be available under an open source license. If you are new to contributing to an Apache Software Foundation project there are excellent resources to help you (https://community.apache.org/newcomers and https://community.apache.org/contributors/ for example).

[divyanshudhruv]

Sure