Yet another dashboard for self-hosted services reddit / selfhosted ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 10:22 Hello all self-hosters! Recently, I've upgraded my server hardware and did all the self- hosting from scratch. I've been looking for cool personal dashboards, but couldn't find anything to match my needs. So, I did put some improvements into my old project and decided to keep using it. Bcoz my friends at university say it's quite a cool dashboard, I decided to share it here as someone else might also like it :) What do you guys think about it? ---------------------------------------------------------------------- thekrautboy · 2023-10-24 10:34 Looks interesting, thanks for sharing! Two notes: * You should **add atleast one more screenshot**, something like a dashboard people would want to see how it could look in daily usage (with a few services added etc) before they install it themselves. * You should really consider **providing a Docker image** for people to use. A lot of people will simply avoid using this at all based on that. You dont need to code your own webserver obviously, just use something that exists already and stick your files into it, make a Dockerfile out of it, add it to Github actions so it automatically builds it when you do a new release. ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 10:50 Thanks for suggestions! There's already a demo running on Vercel, but I will keep in mind to add more ss and Docker support. ---------------------------------------------------------------------- thekrautboy · 2023-10-24 10:58 Tried to run it with a basic naked nginx but i only get a black screen as website, no 404 etc atleast. But nothing else, tried in incognito window with no adblockers etc both Firefox and Chrome. Webserver log looks mostly good, the only thing i can spot is a 404 for `GET /js/App HTTP/1.1" 404` but i have confirmed that `/js/App.js` exists, should it try to access App or App.js? Other things in the log like `GET /css/Flags/Dark.css HTTP/1.1" 200` and `"GET /js/main.js HTTP/1.1" 200` are fine. ---------------------------------------------------------------------- Brancliff · 2023-10-24 11:07 Two suggestions: * A docker version. Admittedly, it might be a little overkill. But it's where the self-hosted scene is really at these days * Some more screenshots or a public demo to check it out with ---------------------------------------------------------------------- thekrautboy · 2023-10-24 11:10 Two very good and unique suggestions. ---------------------------------------------------------------------- SafeSir · 2023-10-24 11:29 This is gorgeous! I love the UI and the animations! Small bug report: On firefox there is a persistent scrollbar, even when not needed, once you get past the home page. ---------------------------------------------------------------------- thekrautboy · 2023-10-24 11:54 See my edits above. ---------------------------------------------------------------------- Altares13 · 2023-10-24 12:07 Nice job! Really beautiful! ---------------------------------------------------------------------- EndlessHiway · 2023-10-24 12:21 There is a demo. ---------------------------------------------------------------------- EndlessHiway · 2023-10-24 12:23 Looks very nice. Good work! ---------------------------------------------------------------------- [deleted] · 2023-10-24 12:43 [removed] ---------------------------------------------------------------------- themedleb · 2023-10-24 13:28 I think the privacy indicator (percentage) is monitoring requests of the server to catch any 3rd party request. ---------------------------------------------------------------------- thekrautboy · 2023-10-24 13:29 I am not wondering how it works, but how much sense it makes to have at all. ---------------------------------------------------------------------- amcco1 · 2023-10-24 13:58 It is not listed in the readme. It literally took me like 5 mins to find it, because I kept looking at the readme for it. It's listed in the about section. ---------------------------------------------------------------------- [deleted] · 2023-10-24 14:56 [removed] ---------------------------------------------------------------------- thekrautboy · 2023-10-24 14:57 There is a demo on `https://honeyy.vercel.app/` ---------------------------------------------------------------------- njdevilsfan24 · 2023-10-24 15:08 Beginning my selfhosted journey, this is beautiful ---------------------------------------------------------------------- EndlessHiway · 2023-10-24 15:33 There is a link at the top of the page. Wasn't hidden at all. ---------------------------------------------------------------------- distillari · 2023-10-24 15:49 I'm disappointed you didn't actually name it " Yes, another self- hosted dashboard", or "YASHD" ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:02 Yes, sometimes just cloning the repo isn't enough :) That's why GitHub provides us Releases for projects like this :) ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:06 It checks two (I think important) factors: * How many services are under HTTPS * How many services are on the same origin (IP, domain, subdomain etc.), otherwise those are considered third-party The main sense was to implement multiple pages for settings, and privacy dashboard was the very first idea I had. So, it just is :) ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:06 Thank you! ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:07 Thanks! Very nice to hear ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:09 This made my day xD ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:10 Thank you, and happy self-hosting! ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 16:10 Thanks! ---------------------------------------------------------------------- Jacksaur · 2023-10-24 16:19 Couldn't find it at all myself until I found the exact name of the demo site from a comment here, and then CTRL+F'd it. It's completely offset from all the other content on the page: It's completely unnoticeable, and isn't labelled as a Demo either. Really needs to be part of the main readme. ---------------------------------------------------------------------- Hairless_Human · 2023-10-24 16:22 Not really my style but cool. It just gives off a mobile only kind of vibe with desktop users as an afterthought. ---------------------------------------------------------------------- themedleb · 2023-10-24 16:22 Ah yes. To me to makes sense to have that indicator since almost all selfhosters cares about their privacy, but it might be better with something other than percentage maybe (if that's what you meant). ---------------------------------------------------------------------- themedleb · 2023-10-24 16:23 Thank you, this is really good, which other dashboards lack. ---------------------------------------------------------------------- EndlessHiway · 2023-10-24 16:25 I guess the author assumed people who were into self-hosting knew a bit about using the Internet. Shame on him. ---------------------------------------------------------------------- Jacksaur · 2023-10-24 16:30 "There is a demo" \*CTRL+F "demo"* \*no results* Entirely on OP. Get off your high horse. ---------------------------------------------------------------------- thekrautboy · 2023-10-24 16:34 I dont mind the basic idea to have some form of indicator. But putting privacy into a % based scale seems very weird. I would reach 100% privacy if my services are served through HTTPS and they are all subdomains of my down. But is that equal to "absolutely maximum possible privacy"? Hardly. Maybe a more rough scale would be better, like a red/yellow/green indicator. ---------------------------------------------------------------------- BudeVollPeople · 2023-10-24 17:33 Looks awesome, I'll give it a spin. ---------------------------------------------------------------------- GGGG1981GGGG · 2023-10-24 18:15 Really pretty. As someone mentioned already, we need docker version! ---------------------------------------------------------------------- rockypanther · 2023-10-24 18:23 Looks great! I will give it a shot. Keep it up, thanks for sharing! ---------------------------------------------------------------------- marwanblgddb · 2023-10-24 18:28 Quick question regarding the privacy aspect, what do you mean by no data is sent to 3rd party? Is there any data collection? (I didn't had time to fully check code) The dashboard on mobile looks great, I love the animations and simplicity of the look. Looking forward for the official docker version to try it :) ---------------------------------------------------------------------- BeefcakeUK · 2023-10-24 18:34 Very nice, but I can’t reach the bottom last elements of lists in Safari ---------------------------------------------------------------------- wireis · 2023-10-24 19:09 Wow this is super cool, UI and animations are superb, well done! Keep up the great work ---------------------------------------------------------------------- thekrautboy · 2023-10-24 19:23 > It checks two (I think important) factors: > How many services are under HTTPS > How many services are on the same origin (IP, domain, subdomain etc.), otherwise those are considered third-party ---------------------------------------------------------------------- marwanblgddb · 2023-10-24 19:35 Oh it's a check for the apps that are added to the dashboard, not the dashboard itself Interesting ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 19:36 Okay, now I see the point. I will then replace %% with some short overview titles or sth similar ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 19:37 on its way sir ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 19:48 Yeah, I can't disagree :) As a GNOME user I'm kinda used to such designs and just like the idea of mobile-like UIs ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 19:51 We can notice slightly different behavior on multiple browsers, but in terms of compatibility I'm gonna add some fixes to eliminate such issues ---------------------------------------------------------------------- dani3l0_ · 2023-10-24 19:53 Thank you! In terms of animations I'm fucking crazy about them, literally everywhere ---------------------------------------------------------------------- Big-Perception-1 · 2023-10-25 02:26 I think this is really cool, but I think it would be nice if there were a built in hosting menu for websites and APIs, which basically just showed things uptime, and let you run certain commands on interactions. I know this is a regular panel but just using a lightweight nice looking panel would add interest for a lot of people. ---------------------------------------------------------------------- dani3l0_ · 2023-10-25 08:09 Measuring uptimes and connecting to various APIs can be hard to implement due to CORS policy, which most browsers have very restrictive. Also, such features might require a dynamic backend, so I think it is not possible to implement them at all. Thanks for sharing your opinion! ---------------------------------------------------------------------- GGGG1981GGGG · 2023-10-25 08:20 Thank you ;-) ---------------------------------------------------------------------- vpsdom · 2023-10-25 10:08 hiiiiii ---------------------------------------------------------------------- Tartan_Chicken · 2023-10-25 11:47 Wow looks great, will try it on unraid now! ---------------------------------------------------------------------- rad2018 · 2023-10-25 15:25 I would second the creation of a Dockered setup that would allow for save configurations. I know many others who'd agree with me - many people (like me) just don't have the time to futz around most times to staging up a small app such as tis. ---------------------------------------------------------------------- Scrat80 · 2023-10-25 17:30 The Dashy dashboard is the one yours is contending with currently for me. I'm keenly interested on where your dashboard is going. ---------------------------------------------------------------------- redoubledit · 2023-10-25 17:44 For dark mode, you could also use [`perfers-color- scheme`](https://developer.mozilla.org/en- US/docs/Web/CSS/@media/prefers-color-scheme) to use the OS default theme automatically. ---------------------------------------------------------------------- dani3l0_ · 2023-10-25 22:15 Always wondered how sites detect device dark mode and I never had time to read about it, but definitely to be implemented. Thanks! ---------------------------------------------------------------------- dani3l0_ · 2023-10-25 22:19 That's great. Then you'll have an alternative when you get bored with Dashy :) ---------------------------------------------------------------------- SafeSir · 2023-10-26 05:11 It's a Vite project, which means that to run it locally, you need to execute the following commands: 1. Run `npm i` to install the packages defined in `package.json`. 2. To build the project for static execution, run `npm run build`. After building the project, navigate to the generated `dist` folder. Here, you can run `index.html` using any web server. ---------------------------------------------------------------------- thekrautboy · 2023-10-26 05:54 I dont want to build it, thanks. And if i wanted, the instructions are on the github. ---------------------------------------------------------------------- dani3l0_ · 2023-10-26 06:43 Okay, thank you guys for all comments and opinions, I really appreciate it. It's cool to hear various experiences, new ideas and suggestions what can be improved to make the project better. I'm gonna do my best to make this dashboard flexible and suitable for everyone, and for our little machines serving us independence. I will push more updates during the weekend, so stay tuned :) And the most important, **happy self-hosting!** ---------------------------------------------------------------------- redoubledit · 2023-10-26 08:52 No problem! There's a great [article by Andy Bell](https://piccalil.li/tutorial/create-a-user-controlled-dark-or- light-mode/) about implementing this and still give the user the chance to overwrite it via the toggle and save the preference to the browser's `localStorage`. Also with progressive enhancement in mind, if the user doesn't want to or cannot use Javascript. ---------------------------------------------------------------------- chignole · 2023-10-27 21:15 Flame, homepage, and now Honey, we just have too many good dashboard ! I can't choose ! Anyway i love how nice and neat it looks, will definitely follow this