You are browsing as a guest. Sign up (or log in) to start making projects!

Dashboard

  • 35 Devlogs
  • 44 Total hours

As I am writing this, to my left sits a Raspberry Pi 5 that has been collecting dust for nearly a year now and I never quite found a use for it. With an unused monitor also lying around, I came up with the idea of building a dashboard in Python that puts all the important information right in front of you, at a single glance. I'm also using this project as an opportunity to learn Python, HTML, and programming in general - so there may be some rough edges along the way, but I'm determined to see it through and build something I'm genuinely proud of.

Open comments for this post

1h 36m 25s logged

Devlog 35


1. Dashboard design

  • The curved edges didn’t want to work propably, so I made them not curved again
  • Fixed some color issues, because at some specific color like dark red the contrast was trash

2. Widgets

  • The weather widget works again now, that was just a small fx
  • I am currently having a lot of trouble with the calender widget, because I always wondered why the appointments aren’t shown probably on the dashboard. Now I found out why: Because I am saving the google account exactly nowhere, wo the python dashboard doesn’t have access to the account information. I don’t know yet, how I want to save an entire google account in a json file, but I am sure I’ll find I way to do it (hopefully)
0

Loading discussion…

0
3
Open comments for this post

48m 22s logged

Devlog 34


1. Google

  • Google still wasn’t able to verify my app, so it’s still just avaible to specific test users
  • The calender/notification date is also not shown properly yet, there is some problem with the json file, I still wasn’t able to fix this

2. Python dashboard

  • The corners of the dashboard widgets are somehow not as curved as I want them to be, and the resolution is also trash some how
0

Loading discussion…

0
2
Open comments for this post

3h 50m 10s logged

Devlog 33


1. Google

  • On the Python dashboard, neither your google calender nor your notifications are shown proberly. I still have to fix this
  • I tried verifying my app with google, so it’s public and anyone can use it and I don’t have to declare you as test user for you to be able to use the website and show your notifications and stuff

2. Dashboard Design

  • The edges of the python dashboard are curved now
  • The dashboard also works now with really dark of really light color and the contrast isn’t shit anymore
0

Loading discussion…

0
3
Open comments for this post

1h 23m 12s logged

Devlog 32


Dashboard Design

If you choose a custom color now, not just the text and the lines have that color, but the whole website. It was pretty complicated to be sure, that the contrast is neither at really light nor at really dark color ass.

0

Loading discussion…

0
2
Open comments for this post

2h 0m 46s logged

#Devlog 31


1. Getting the website ready

  • There was again a problem with the google services, I submitted my website now for verification.
  • Because of some reason you weren’t able to scroll in the settings section, I fixed that

2. Python dashboard

I started with the dashboard, I pretty much redesigned it, it looks different to the old version. The google services like calender or gmail don’t work yet and the color isn’t as I want it yet. But it’s a good start. I again had lots of help by AI here, because as I already wrote, my python knowledge is pretty ass.

0

Loading discussion…

0
2
Open comments for this post

1h 8m 11s logged

#Devlog 30


1. Google

  • Now you finally can add your google account to the website
  • That just works if you are on localhost, on server, it doesn’t work yet, don’t really now why
  • The problem was, that I didn’t give google any authorized javascript origins, which leads to the problem, that the origin is authorized

2. API Safety

  • Because of the new json file with my google api key and everything, the json files were accesible for anyone in internet, I did also fix that
0

Loading discussion…

0
4
Open comments for this post

1h 16m 19s logged

Devlog 29


1. Google

  • I now created a completly new project at google claude, because somehow the website always said, the client was deleted. It still says that I don’t now what to do. I’ll just wait now, maybe it doesn’t load properly

  • With the new google project, I added the new secret and the new google id to the .env

  • I don’t have an .env file for the google secret and id anymore, I now use the json file by google


2. Fixing design issues

  • Somehow, one checkbox was always the wrong size. That’s because the text was too big. I now made the text smaller, so the checkbox has it’s proper size now

  • Now, if you select the checkbox for preset theme, you can’t choose a custom color any more. You also can’t select a preset theme, if the checkbox for custom color is checked


0

Loading discussion…

0
4
Open comments for this post

25m 32s logged

I tried to fix the issue with the about div, so it doesn’t move. Wasn’t successful again.

0

Loading discussion…

0
4
Open comments for this post

1h 7m 2s logged

I spent the whole fucking time trying to tell this stupid piece of shit to not fucking move. It did ignore me of course all the time. Whatever, I don’t want this anymore.

0

Loading discussion…

0
4
Open comments for this post

2h 37m 4s logged

I now started with the actual python dashboard, i am not happy with the design yet and half of the functions don’t work right now, but i think it’s a pretty nice start

0

Loading discussion…

0
4
Open comments for this post

1h 42m 59s logged

Now, you can’t just get the .env file anymore. I also added the function, that if one person connects her google account, not everyone can see his appointments and everything.

0

Loading discussion…

0
3
Open comments for this post

1h 8m 35s logged

  • I fixed some bugs in the design
  • If you open the windows for the notifications or something like that, the background, so the website gets blurry
  • I added a favicon/logo
0

Loading discussion…

0
6
Open comments for this post

54m 53s logged

  • now you can also change your settings by pressing the change buttons, not only when ticking the checkboxes.
0

Loading discussion…

0
3
Open comments for this post

29m 41s logged

Now it finally shows everything from your google calender also in the dashboard. I had a lots of help by ai here.

0

Loading discussion…

0
6
Open comments for this post

46m 28s logged

I now started adding the possibilty to add your google calender to the dashboard. thats a lot more difficult than I thought at first. I deleted half of my code now, that’s why I don’thave any screenshots right now.

0

Loading discussion…

0
3
Open comments for this post

1h 5m 28s logged

I now styled the hover and click animation for the new button styles. I also added the about me content and styled it.

0

Loading discussion…

0
3
Open comments for this post

1h 55m 20s logged

  1. Added a new font, but I have to look for another one, don’t really like that one yet

  2. Now if you select the countdown to date widget, there opens a window, in which you can select the date.

  3. There were some problems with the IP location, so I tried to fix them, didn’t have that much success.

0

Loading discussion…

0
3
Open comments for this post

1h 47m 21s logged

  1. I completly redesigned the notifications, because the they are declarated as “success” so the browser styles them as “success” but i don’t want this, because this doesn’t match the design of the website.

  2. Every section like settings or home has its own html file now for more structure and less chaos

  3. Fixed some JS and CSS bugs

0

Loading discussion…

0
4
Open comments for this post

1h 47m 21s logged

Finally the settings saving works properly now. I also started writing my readme

0

Loading discussion…

0
3
Open comments for this post

2h 17m 34s logged

I started doing some backend, so if you change the settings, they also get saved in a json file.
I also added one new tab to the settings, were you can choose if you want your dashboard to have an preset theme or you can even choose your own color.

0

Loading discussion…

0
5
Open comments for this post

1h 20m 56s logged

I had massive problems with Git, because of the venv.
Now I deleted it, everything works perfectly now. Also added css.

0

Loading discussion…

0
5
Open comments for this post

19m 10s logged

Had some time in school, so I started adding css and javascript. Struggeled a lot with JavaScript, don‘t know much about it.

0

Loading discussion…

0
27
Open comments for this post

37m 22s logged

As planned, I am coding the website by myself, so it’s a lot slow, but the structure is ready, just need some css.

0

Loading discussion…

0
22
Open comments for this post

56m 45s logged

Started with the python dashboard, there will get some more information here, but its a nice start. I did that with a lot of help of AI, because I am not good yet at python, but I was able to do the debugging. I am trying do to the website by myself.

0

Loading discussion…

0
44

Followers

Loading…