AayatOS is finally complete! 🎉 Seeing everything come together after building it piece by piece has been really satisfying. The project now has a desktop-inspired interface with interactive sections, a working quote generator featuring some of my favorite authors and anime characters, draggable Notes and System Status windows, navigation, and a clean glassmorphism design.
The most challenging part of the project was implementing the draggable windows. At first, all of the windows started overlapping and the layout completely broke. I spent quite a bit of time debugging the HTML, CSS, and JavaScript before realizing the issue was caused by applying the draggable code to the wrong elements. After fixing the class names and limiting the draggable feature to the Notes and System Status windows, everything finally worked as intended.
This project was my first experience building a complete website from scratch, and I learned a lot about structuring pages with HTML, styling them with CSS, and adding interactivity through JavaScript. I’m really happy with how AayatOS turned out, and it was rewarding to watch it grow from a simple webpage into a desktop-inspired personal portfolio. I am excited to make more projects now!