Redesign of Caprover Frontend!

[dhruvilxcode]

Hi Community! I'm Dhruvil Patel, Product Designer & Full Stack Developer.

i'm interested in doing redesign of the Caprover Frontend to make it more vibrant, with good UI. The current UI works perfect, i've made revamp of my favourite Open Source Repo Caprover, and here we go.

Your suggestions are welcome! I designed it in Figma, and more screens are under design, so in this thread i will share more updates.

Figma Prototype Link: View Prototype

Login Screen

Dashboard Screen

Create new app

Apps

[githubsaturn]

This looks great! Thanks, @dhruvilxcode !

Looking forward to see the full set!

[dhruvilxcode]

@githubsaturn Kasra Bigdeli Thanks for your kind words!

[dhruvilxcode]

App Detail Screen - HTTP Settings

[githubsaturn]

For the implementation, let's break this into two parts: Step 1: just theme update. I've asked the community to comment, once we got a good signal about this, feel free to submit a PR with the theme update. Step 2: iterative updates for the UX. This one requires more work and alignment to make sure UX is set up right (grouping the options etc etc)

[dhruvilxcode]

👍

[thegrtnx]

For the implementation, let's break this into two parts: Step 1: just theme update. I've asked the community to comment, once we got a good signal about this, feel free to submit a PR with the theme update. Step 2: iterative updates for the UX. This one requires more work and alignment to make sure UX is set up right (grouping the options etc etc)

I'll be glad to help on frontend web development for this.

[dhruvilxcode]

We can divide the Revamp of Caprover in smaller tasks, and can maintain it as Beta.

So atleast we can start the work.

What do you think about this @githubsaturn

We can make GitHub Project Board.

[itxtoledo]

@githubsaturn I think there are more important things to do ahead than a complete redesign of the interface, which already works well today. We need things like:

projects: ability to create projects and within a project create our apps.

ssh inside caprover: ability to access the terminal where an app is running within the caprover interface itself.

multiple accounts with different access levels.

Among many other things that other PaaS have, such as Coolify.

[githubsaturn]

@itxtoledo - it's not either or. For each feature request, feel free to open an issue on github, if it gets enough upvotes, it'll be top priority when working on new features. Projects and SSH into container from the web console aren't in the issues AFAIK. Feel free to upvote, or create a new issue if it doesn't exist.

These are the top requested features as of now: https://github.com/caprover/caprover/issues?q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc

[githubsaturn]

CapRover now has support for custom themes! Please feel to submit your custom themes! https://caprover.com/docs/theme-customization.html#submit-your-custom-themes