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

Mi propio Dashboard :)

By @borja_guerrillo

  • 5 Devlogs
  • 20 Total hours

A dashboard about stuff im interested in, stocks, news, data, etc. With a notification system for reminders i want to have.

Source
Ship #2

@borja_guerrillo on Mi propio Dashboard :)

# SECOND SHIP!!!

This is the second ship in this project, mainly to make it prettier.
**AI NOTICE:**
I used AI to code most of the background system, which will be explained further on
---
## News feed
### Colors
In the past, all the news feeds had the default white background, now each one is recognizable by a translucent background that still lets you see the website background. More complicated than I expected, the divs crossed each other in ways I didn't know.
### Fonts
Now all the fonts (except those of the iframe which of course I cant change) are different than the default ones. The fonts used are the following:
- **Faster One** for the news feeds titles
- **Alfa Slab One** for each individual article title (except those of Hacker News)
- **Geist Pixel** for the article descriptions (except those of Hacker News) although I think I will change it, I expected a more pixelated look.
- **Poppins** for the Hacker News links, although that's just a default one

All fonts are available for free on Google Fonts
### Links
Now each article title leads to that article link when you click it.
### Hacker News
As you'll see, the Hacker News feeds looks different, that's because generally its descriptions makes no sense, so I just placed the title alongside the link. Thanks to tomaskriegelstein from Uiverse.io for that code.
## Background
The background works by fetching a random painting from Wikimedia Commons. The fetching uses a filter with keywords so that it displays the classical paintings I am looking for the background, although sometimes it gets it really wrong, like,*really* wrong. But still, now the website looks more alive. I made the Trading View widget transparent exactly for that purpose, so that the background wouldn't be covered. The same applies for the translucent background in the news feeds.
---
## Other
The notification button is now pretty. The stock picker button is now pretty too. I created a server side RSS proxy for faster loading. And I would like to highlight once more the background code wasn't generated by me, but from AI, I don't wanna take credit from it. The one who should take credit is the creator of [this website](https://art.joonas.wtf/) which is amazing and gave me the idea for the background.

  • 2 devlogs
  • 4h
Try project → See source code →
Open comments for this post

@borja_guerrillo on Mi propio Dashboard :)

1h 49m 59s logged

Making it even more pretty

Background

I already had built a tool* that fetched Wikimedia paintings from the front-end to display a random one in the background, I improved it. Now I added more keywords so that it fetches classical paintings mostly, it still fails and gives some really bizarre stuff sometimes, but it definetly is better. Maybe in the future I will create a collection of hand picked ones, although it will take the surprise out of it.

News

Now each article title has a link linking to that article, just now I realize in NYT and Wired I need a subscription to read (which i dont have) but it can still inform me.
Hacker News is notoriously different, thats because the articles are community shared, and the descriptions almost always make no sense, so theres no need in showing them. Instead i designed a prettier linker and programmed it to display 20 of the most recent entries instead of the usual 10.

Other and sources

The calendar has a bit more opacity so I can see it better. I removed the scrolling from the news section, it bothered me. Now theres a favicon for the tab and notification, the Chilean emblem. All the “special” fonts are from Google Fonts, I didn’t download them, just linked them.

*: The tool was built almost exclusively by AI.
0
0
4
Open comments for this post

@borja_guerrillo on Mi propio Dashboard :)

2h 15m 29s logged

Making it prettier

I added a background that fetches a random image from wikimedia paintings (i used a lot of AI for that) and made the news sections more recognizable from each other. Theres still work to be done, but i dont have much time now.

0
0
1
Open comments for this post

@borja_guerrillo on Mi propio Dashboard :)

4h 22m 21s logged

Finished the RSS feed display in the HTML, and made the notification button a bit prettier. Also, now the sites security is much better (which of course i cant show!) but trust me, it is (at least from a cybersecurity idiot perspective). Next up, i really need to make this site more pretty, and I should beggin to use the notification server for something other than testing.

0
0
6
Open comments for this post

@borja_guerrillo on Mi propio Dashboard :)

7h 10m 52s logged

So, i havent been making varied and good devblogs. But in these days ive made the trading symbols work, and have added the news feed which i need to connect to the (already parsed) RSS feed. I have the parser running in the front-end code, but i need to display it on the website. The database now works, I am using MariaDB.

0
0
4

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…