search

caprover / caprover-frontend

Frontend App for https://github.com/caprover/caprover
59 stars 83 forks source link

Redesign of Caprover Frontend! #147

Open dhruvilxcode opened 4 months ago

dhruvilxcode commented 4 months ago

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

githubsaturn commented 4 months ago

This looks great! Thanks, @dhruvilxcode !

Looking forward to see the full set!

dhruvilxcode commented 4 months ago

@githubsaturn Kasra Bigdeli Thanks for your kind words!

dhruvilxcode commented 4 months ago

App Detail Screen - HTTP Settings

Screenshot 2024-05-03 at 10 37 12 PM
githubsaturn commented 4 months ago

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 commented 4 months ago

👍

thegrtnx commented 4 months ago

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 commented 4 months ago

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 commented 1 month ago

@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 commented 1 month ago

@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