WebOS Devlog 9 ✨

• Started development of the Pixel Art app for my WebOS.
• Designed the app window to match the existing cherry-inspired interface.
• Adjusted the layout and resized the window to better fit the desktop aesthetic.
• Fixed HTML structure issues that were preventing elements from displaying correctly.
• Next: Implement the interactive drawing grid, color picker, eraser, clear canvas, and save/load functionality.

Stay tuned!!! 🫶🏻

WebOS Devlog 8 ✨

Work Done:

• Added interactivity to the Cherry Terminal by implementing functional commands.
• Improved the overall user experience by making the terminal draggable across the desktop.
• Fixed multiple bugs affecting window behavior and terminal functionality.

Challenges:

• Faced issues with JavaScript event handling while implementing the drag feature.
• Spent time debugging conflicting event listeners and ensuring all terminal features worked together smoothly.

Progress:

• Successfully transformed the terminal from a static design into a functional desktop application.
• Completed the foundation for future WebOS apps, making it easier to implement similar draggable windows across the project.
• 2 apps done, 5 more to gooo! 🫶🏻

WebOS Devlog 7 ✨

Work Done:

• Added working commands (help, clear, date, time, echo, calc, fortune, about).
• Fixed terminal bugs and ensured command execution works correctly.
• Further improvements and additional features are planned.

Challenges:

• Debugging JavaScript errors to get terminal commands working.
• Maintaining the cherry-inspired design while adding functionality.

Progress:

• Designed and integrated the Cherry Terminal into the WebOS.

• Successfully implemented and tested basic terminal commands.

WebOS Devlog 6 ✨

Work Done:

• Completed the visual design and structure of the Cherry Terminal.

• Styled the terminal window to align with the overall WebOS aesthetic.

• Added design elements such as a custom header, window controls, and terminal prompt.

• JavaScript functionality is currently in progress; the next step is implementing interactive commands and terminal behaviour.

• Planning additional visual enhancements and animations to make the terminal feel more polished and immersive.

Challenges:

• Designing a terminal that matched the soft cherry aesthetic of the WebOS while still looking like a functional terminal.
• Balancing visual appeal with usability to ensure the interface remained clean and easy to navigate.

Progress:

• Finalized the overall layout of the Cherry Terminal window.
• Designed a soft cherry-themed interface with a pastel header and dark terminal workspace for better contrast.
• Chose a clean monospace font and refined the colour palette to maintain consistency with the desktop design.
• Planned the command input area and overall user interface for an interactive terminal experience. 🫶🏻

WebOS Devlog 5 💫

Work Done:

• Removed the concept of large app cards from the design.
• Redesigned the navigation flow so apps will launch directly from the home screen dock.
• Researched cherry-inspired dock designs and began planning the implementation for the next development session.

Challenges:

• The apps section looked disconnected from the home screen, making the overall UI feel inconsistent.
• Needed to redesign the layout without losing the existing app functionality.

Progress:

• Decided to replace the separate apps section with a floating dock integrated into the home page.
• Finalized the list of apps for the dock: Personal Info, Terminal, Pixel Colour, Music, Calculator, Screentime, and Notetaker.
• Planned a cherry-inspired dock to create a more cohesive desktop experience.

WebOS Devlog 4 ✨

Debugging My WebOS Project

• Today I continued working on my WebOS project and focused mainly on debugging and identifying issues in the current build.

Work Done:

• Tested the project to understand which features were working and which ones were causing problems.
• Started using browser developer tools to inspect the project and look for possible errors.
• Checked the HTML, CSS, and JavaScript structure since the entire project is currently contained in a single file.
• Investigated issues with app interactions and screens not opening as expected.
• Began tracing possible JavaScript problems related to buttons, events, and element connections.

Challenges:

• Some features are still not responding correctly, and I am still working to locate the exact cause.
• Debugging a large single-file project makes it harder to locate specific issues quickly.
• Understanding browser console errors and developer tools is taking time, but it is helping narrow down the problems.

Next Steps:

• Continue analyzing JavaScript errors and fixing broken interactions.
• Test each application and feature separately.
  Improve the project structure to make future debugging easier.

The project is still under development, but each debugging session is helping me understand the system better and move closer to a stable version.

WebOS DEVLOG 3: Finished working with my apps. Gonna make a few more changes and then im done!!

WebOS DEVLOG 2: Almost finished the entire project. I do need to make a few more changes but im pretty sure it will be finished in an hour or so!!

I am currently working on a WebOS. This is my first time coding so I will try my best to make it as good as I possibly can. I have almost finished working on my home page.