caprover-frontend icon indicating copy to clipboard operation
caprover-frontend copied to clipboard

Published 20 hours ago • verified publisher icon caprover

Redesign of Caprover Frontend!

Open dhruvilxcode opened this issue 1 year ago • 9 comments
trafficstars

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

Screenshot 2024-04-30 at 10 40 39 AM

Dashboard Screen

Screenshot 2024-04-30 at 10 40 53 AM

Create new app

Screenshot 2024-04-30 at 10 41 04 AM

Apps

Screenshot 2024-04-30 at 10 41 18 AM

dhruvilxcode avatar Apr 30 '24 05:04 dhruvilxcode

This looks great! Thanks, @dhruvilxcode !

Looking forward to see the full set!

githubsaturn avatar Apr 30 '24 15:04 githubsaturn

@githubsaturn Kasra Bigdeli Thanks for your kind words!

dhruvilxcode avatar May 03 '24 17:05 dhruvilxcode

App Detail Screen - HTTP Settings

Screenshot 2024-05-03 at 10 37 12 PM

dhruvilxcode avatar May 03 '24 17:05 dhruvilxcode

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)

githubsaturn avatar May 05 '24 03:05 githubsaturn

👍

dhruvilxcode avatar May 05 '24 03:05 dhruvilxcode

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.

thegrtnx avatar May 05 '24 10:05 thegrtnx

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.

dhruvilxcode avatar May 17 '24 18:05 dhruvilxcode

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

itxtoledo avatar Aug 01 '24 07:08 itxtoledo

@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 avatar Aug 02 '24 03:08 githubsaturn