OVERVIEW:

Sorry for another short devlog. Polished, fixed bugs, adding commands, adding saving. I have decided that I am going to do my second ship! I do plan on working more on this in the future prolly maybe.

NEXT STEPS:

• Ship!

CHALLENGES:

• More localstorage stuff and working with file ids for the file manager was fun and interesting to learn about
• More writing for the readme

OVERVIEW:

Added a file explorer! Sorry for the three days wait, but this is a bigger app than normal. it allows you to create file structures and files. Currently the only file you can open are .txt files, however. These .txt files open in the notepad. Find the secret file and decode it for a surprise!

NEXT STEPS:

• Add editing .txt files and saving them with file explorer
• prepare to ship
• Terminal commands update

CHALLENGES:

• The biggest reason it took this long to make the app was that I had to redo the entire code for opening folders and files. I had it set so every click it would re-render the explorer (makes sense in my head). The rendering resets the DOM and makes the original element you click on a new identical element. However, to open a file you need to double click it. This wasn’t working, and it took my a bit of research to find out why. The way HTML decides if something is a double click is if you rapidly click the same element twice. Resetting the DOM meant the this element would change every click. So, I had to redo the system to only render when necessary, which required a significant overhaul of the javascript

OVERVIEW:

Added about app! Has slideshow which can be easily adjusted to tell you about features of the os, this is to help reviewers understand how the site works. Also noticed an issue where it doesnt look great because asstes werent loading, hence the boot screen! It has a progress bar which says what its lodaing! Backed to being locked in the btw.

NEXT STEPS:

• More apps
• Readme update
• More commands for terminal (things that actually do things)

CHALLENGES:

• Dynamically reading DOM to get all images that need to be loaded
• Styling the about app to make it helpful but also reasonable to make
• Git being weird (ended up making a few custom commands to interact with the remote)

OVERVIEW:

Hi! Sorry for the long wait between dev logs (again). Ive had to just deal with some things recently and havent had time for this. Added a start menu that allows you to search apps or search the web This is a smaller feature, but dont worry, much more is to come.

NEXT STEPS:

• Intro app to say features
• Other apps

CHALLENGES:

• Interacting with other parts of my code in this part of the code hsa been fun to prove to myself how upgraded my organization is
• Also enjoyed using more of css modification within JS as opposed to just writing more css which I am very tired of

OVERVIEW:

Added a changable background, added movable desktop icons. Sorry for taking a break in development for a few days, I haven’t been locked in. Happy Fourth of July to those who celebrate.

NEXT STEPS:

• Additional app
• Start menu
• Into that tells you what you can do

CHALLENGES:

• I was having issues getting to the browser icons to move on the site, it was working locally but wasnt working and gave no errors when pushed to the site. Still coulden’t tell you how I got it working.
• Had to store the bcakground in a local storage on the computer, i havent messed arounf with that before and I found it very fun.

OVERVIEW:

Sorry for there not being a devlog in while, I took a break on this project to work on some other things (jame gam + other Stardance projects). However, I have read and greatly appreciate my feedback from my previous ship and added the most common suggestion, a browser! A simple browser with multiple tabs, access to the general web, and all in the same window system that already exists!

NEXT STEPS:

• Movable window icons
• Bookmark system
• Another game?

CHALLENGES:

• It turns out, most major websites do not support being embedded in other sites. For example, google. I spent a while trying to get around this with proxies, different apis, and different methods, however found all to be insufficient. Eventually I found workaround involving modifying the urls of the site, which I have hardcoded into the script.
• Learning how to use iframes was fun and interesting, although the parameters of them I found quite confusing.

OVERVIEW:
Very sorry for the short devlog but finished readme, fixed bugs. No real new features were added, but prepared for final release, fixed bug with deployment to demo site and made sure everything works as expected on it.
.
NEXT STEPS:

• Confirm no bugs are present
• Ship!
  .
  CHALLENGES:
• I have trouble making readmes, but it was a lot of fun to research what goes into them and why they matter. I enjoyed creating it, and cant wait to share it with everyone!

NOTE FOR VIDEO: The lag is because my computer is terrible, without screen recording there is no lag. This will not an issue for you most likely. (also check out my mad minesweeper skills)
.
OVERVIEW:
Finished minesweeper! There is now a fully working minesweeper game. It generates the game and works similarly to the original minesweeper game. It took less time than expected thanks to my existing framework.
.
NEXT STEPS:

• Polish
• Prepare for ship
  .
  CHALLENGES:
• Debugging is difficult as this is the most javascript I have written for the project
• Using JS to create and modify CSS, a lot of the styling was written in javascript as opposed to directly in the css files, I did this because the game was constantly changing and hence required constant stylistic changes, as well as to challenge myself in new ways.

NOTE FOR VIDEO: The lag is because my computer is terrible, without screen recording there is no lag. This will not an issue for you most likely.
.
OVERVIEW:
Added framework for a minesweeper game. Also fixed a lot of general bugs. Prepared my portfolio site at https://jackjacobson2011.com to publish the project. Please note the portfolio itself is not a part of the project but was included in this devlog for the sake of demonstrating the effort put into the easy access of my project.
.
NEXT STEPS:

• Finish game
• Upload to website
• Polish
  .
  CHALLENGES:
• Figuring out where the root cause of bugs were (usually from hard-to-catch typos)
• Utilizing global functions to simplify code

NOTE FOR VIDEO: The lag is because my computer is terrible, without screen recording there is no lag. This will not an issue for you most likely.
.
OVERVIEW:
General quality of life update! Added window snapping, to both sides and the top to maximize. Added window focusing system, allow use of multiple apps at once and better general use. Also on the backend, split the index.html file into a much more organized multi-file system! This allows for much better readability, sharability, and bug fixing. Also fixed various bugs throughout OS.
.
NEXT STEPS:

• Add game
• General polishing
  .
  CHALLENGES:
• Having multiple files introduced the need for global functions. I was very confused when many different scope and definition errors. I learned how to make everything usable globally, which simplified a lot for code and fixed errors.
• The snapping introduced very interesting behaviors with how the window is dragged and used, fixed by using various prevState variables and dissecting behaviors to see how they happened.

OVERVIEW:
Added a functional power menu. Currently, there are two options in the menu, restart and power off. Restart reloads the tabs, power off attempts to close the tab, although most browsers wont allow it so it gives you a pop up.
.
NEXT STEPS:

• Add some sort of game (im thinking snake)
• Add window focusing system
• Split file into multiple (1000 lines in one html file might be a bit much)
  
  CHALLENGES:
• Learned how to use classes in HTML, making cleaner and easier code

OVERVIEW:
Finished the terminal app! It turned out to be a very interesting project. It works by having a certain input, where it checks a separate file to see if that input has a designated output, and then gives the output. Works very well, and looks great!

NEXT STEPS:

• Add some sort of game to the OS
• Make terminal actually change things on the OS?
• Power Menu
  
  CHALLENGES:
• Input is a very weird tag, caused a lot of bugs that had to be squashed
• I very rarely use separate files, figuring out how to implement that and how it makes my code simpler and cleaner was a great experience.

NOTE FOR VIDEO: The lag is because my computer is terrible, without screen recording there is no lag. This will not an issue for you most likely.

OVERVIEW:
Added the framework for a terminal app! It shouldn’t have been much work, but I encountered a lot of bugs with the general system. The taskbar behaves better, and soon there will be a terminal.

NEXT STEPS:

• Make terminal functional, certain word input –> certain words for output. Help command to list things, info about project, joke commands, etc.
• Add power menu, where shut off closes tap, restart reloads it, etc.
  
  CHALLENGES:
• This has been a challenge throughout the whole project, though I haven’t talked about it yet but arrow functions! I’ve heard they’re much more efficient than other ways of doing it, but I didn’t know how to make them. Research and practice now makes it so all of my events are using arrow functions
• Design challenges, deciding what behaviors I want when certain things are pressed, and how to prioritize certain things in the OS.

OVERVIEW:
Added and refactored code to make the notepad app usable! You can open it and use it from the taskbar and the dekstop, type and save text in the editor, and maximize and move the window.

NEXT STEPS:

• Add more apps, specifically a “terminal” where you can see certain things and kinda just mess around
• Start menu to search and start apps?
• Bootup page
  
  CHALLENGES:
• text input tag is new to me, so its parameters and making it stay inside the window was difficult.
• Taskbar had weird app performance with glitches being common when clicked

OVERVIEW:
Added framework for apps! Created a way to add icons to the desktop, click to open them, drag around the windows, and control the windows using button, implemented 12 hour time clock, confirmed it worked with different time zones.

NEXT STEPS:

• Add functionality to notepad
• Fix bugs with maximized windows (task behaving weird)
• Add more apps
  
  CHALLENGES:
• Javascript behaving weird with editing document features for the windows
• Dragging difficult to implement, wasn’t working when in certain places or when mouse moved in certain ways
• creating something that looked actually niceish (this is good enough, right

OVERVIEW:
Worked to display an image in the background (currently windows xp, might be updated to something custom in the future). Added a clock to the bottom right.

NEXT STEPS:
12hr format, test how it responds to different timezones
Notepad app?

CHALLENGES:

• spent time trouble shooting clock javascript, forgot to properly define a variable (had const now = date instead of = new date)
• Had issue with line that sets background because I put the wrong path to image