Productivity Dashboard
ACTIVEReason behind creating
Like most people my day to day life is very busy. Trying to balance school, work, projects, afterschool activities and home life can get really hard. I've tried every single management application, and they all feel the same to me, they feel like a to-do list you must constantly update which is fine, but updating requires another set of tasks I need to complete each day. Also I feel like these applications are truly limited feature wise and visually.
I've always wanted to create my own personal dashboard which tied to only things I use and need in my day to day life but I've never became proficient in CSS and HTML, I always knew the basics but strictly stayed on mastering front and backends of software, but todays a new age. AI software to create a visually appealing frontend and if you know enough about how you want your backend to be, you can use it to create a backend the ties to different APIs to create the perfect software of your choice, your imagination is the limit.
Plan
I plan on using my knowledge in APIs, backends and software development and using AI as a tool to create a dashboard that can fit my personal needs feature wise and visually which can help automate my daily to do tasks.
Since I already implemented a secure tunnel to my home network, I can create a webapp and locally host it and securely access it remotely on my home lab
Phases
Phase 1 - Planning the main features
Phase 1 - Feature Blueprint
Home Lab
In my day to day life I manage alot of different things that tie into alot of different softwares. Of course we have my home lab which runs with proxmox and unraid which I need to monitor, especially since my unraid node was facing some overheating issues I need to ensure I have an eye on it pretty often. For proxmox I just need to ensure my node is always connected and some of my key services are up.
School Work
I've always been a last minute studier for school and since I'm approaching my final year I want to test a new system where I use AI to help me beyond organizing a calendar, but also deeply understanding my class structure and updating my daily tasks based on topics in my courses instead of just specifically course work to ensure im prepping well for exams while also getting my assignments dont prior to the weekend.
Hobbies and Personal
I like playing sports and im on different sporting teams, so it would be nice to have those auto implemented in my schedule, for this I can use google calendar and just have it auto import/sync to my personal dashboard. I also have little reminders I need to set for myself without forgetting so I can mark each task I make for myself on a level of importance.
Game Development
With Shinkenger on the way and ASR out managing my devs and also implementing periodic updates can get hard during school, so I want this page to tie directly to my games analytics aswell as update me when I get important messages from my developers that require urgent attention.
AI Intergarion
I will use AI to try and help me create my daily/weekly schedules based on all the data it has on my different services and life work balance. But I want it to be interactive where I can tell it to change something it doesnt just understand but it adapts to it for future changes.
I also want the bot to be a live bot that I can interact with when I have any questions based on anything tied to my services, like questions about one of my nodes status' or questions about when my next exam is, I want it to be dynamically tuned to understand my day to day life to ensure I keep my productivity up.
One last thing I want to implement with my chatbot is making sure it has personality and it can be funny but also serious and brutally honest to me when im slacking, I think giving it a personality will make it for fun to implement and also make me feel like Tony Stark which was everyones dream at one point
Dynamic Dashboard
I want the dashboard to have a state where its static, When its on static or monitor mode its a dashboard full with everything I need to know but fits streamed on my TV, I dont want it to rely on inputs to be able to give me what I need to know. I want it to just fit all my wants and needs on one page that dynamically updates. Then if its not on static mode and I say check of a task on my PC or somthing on my daily todo list, it updates on the static page. I want to be able to have multiple instances open but have them all always synced.
Mobile Integration
I want to be able to make this a mobile web app for my phone and create an app like interface specially for my phone. I also want to give it the ability to notify me on my phone for important updates such as. Overheating, or a node going down etc. I just always want to be update to date on everything whether I'm home or away.
I will be implementing alot of other feature but these are the key ones I want to start out with before I start my Senior year of college. I plan on hosting this in its on CT on my LAN and I dont plan on every publishing it to the internet because I just use a reverse tunnel to securely access it from my LAN.
Phase 2 - Generate Interface Concepts
For this phase I will use a LLM to generate some variants for the main page and tune it to my liking.
Generated Versions
I gave my LLM the general idea of my plans for this project and asked it to generate some variants of my site that will tie to all of my needs.
Variants
Cockpit x Terminal
Command Deck
Cockpit
Timeline
Terminal
Personally I like Cockpit X Terminal, I also like Timeline but as another page. I'm going to modify Cockpit X Terminal to be my static page when I play it on my TV, and setup some other pages when I need to modify it dynamically and update it form my laptop or PC.
Control Center Blue Print
I came up with an idea where I want a backend page to control pages and the frontend thats being mirror can be controlled from the backend so on each client I decide whats being displayed. I love this idea because sometimes I want my main client showing an overall brief and other times a timeline of my day depending on what im planning on doing.
Phase 3 - Local Host Setup
I will use python to setup my site on a local host on my client MacBook, this will make it easier to test updates before pushing them once I decide to run this on my server.
Phase 4 - Implementing Data Base
// log entries
- None yet.