Netscope

Okay, so I fixed small bugs and fixe the UI, because some elements were out of place

i continued working on the project. I wanted to make a quick check for watching if pings where actually working. So I used the 127.0.0.1 address, and as you can see in the docker logs, it’s status it’s online, so it’s working fine.
I also worked on the UI, as you can see, in the hosts page I added filters.
That’s pretty much it, I’ll now make other little details, and I’ll be done pretty soon.

So, I added hosts page and also hosts/slug page. The first page contains an overview of all hosts, as you can see in the image there is the name, the ip, the status. You can either delete the device, or view more details, going to the page hosts/slug. As you can see, there are further details, and you can also edit the various fields, as you like.
Btw, I know there are the 3 buttons all, Online and offline, they’re filters, I just created them to have an idea of the content, I still have to stilify them and fix them (making them work properly).

I continued working on the dashboard. As you can see in the image, I generated a logo with gemini, I still have to fix it, but for now it’s okay. I implemented the sidebar (for now It’s without routing), added account infos. I also added logout button, which redirects to /auth/logout. This file get’s the cookie and with a POST to directus invalidates the sessions, and then I delete the cookie.
In the dashboard I also implemented a rapid overview, with some basic infos.

Added also register page, very similar to login. I have still some issues with margin-bottom, I’m fixing this ASAP. I also implemented the “service” called register.ts (contained in the folder api).
It does basically the action of registering (it collaborates with backend).
I’ll know start working on dashboard.

Fixed everything and made login working. Since I use directus, the login it’s pretty simple. I save the token in a cookie, that last 24h.
I’m now focusing on frontend, but I first needed to fix some minor bugs on backend (for example I called a field in directus ip, and then in backend, ip_address).
I also discovered something new. In Astro there isn’t real “gaurds”, like angular, so I created a file called auth.ts, that contains a simple funciton requireAuth for being able to avoid peopel entering the page if not logged.

Finished working on backend. I created another collection in directus, called alerts.
I then added api folders, containing the endpoints, and also swaggerUI, for helping me managing the API better.
I also added worker, which is the application that ping devices and manages all the rael backend of my application.

Continued with the project. I finished the basic config of directus, with all db infos.
I started coding a bit the frontend, with Astro, to just have at least a page working decently.
I then focused on the worker, which is the deputed to pinging devices and managing hosts along with directus. I clearly added a Dockerfile for it too.
Stay tuned cause your home will be monitored easily

Started working on this project. This devlog it’s just for “advertising”.
Further more information will be given in a while, stay tuned cause this project will be outstanding.