couchdb icon indicating copy to clipboard operation
couchdb copied to clipboard

Enhancement Proposal: Improved UI/UX for CouchDB

Open divyanshudhruv opened this issue 1 year ago • 8 comments

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 avatar Feb 11 '24 14:02 divyanshudhruv

Hello?

divyanshudhruv avatar Feb 12 '24 01:02 divyanshudhruv

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

rnewson avatar Feb 12 '24 11:02 rnewson

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 avatar Feb 14 '24 11:02 divyanshudhruv

Hello 👋🏻,

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

@rnewson



Dark Mode 🌗

dark


Light Mode ☀️

light

divyanshudhruv avatar Feb 16 '24 07:02 divyanshudhruv

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.

big-r81 avatar Feb 16 '24 08:02 big-r81

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

divyanshudhruv avatar Feb 17 '24 01:02 divyanshudhruv

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).

rnewson avatar Feb 17 '24 14:02 rnewson

Sure

divyanshudhruv avatar Feb 19 '24 11:02 divyanshudhruv