Adding DOS & File Explorer to my OS in the browser [Stream #16]

Channel:
Subscribers:
13,800
Published on ● Video Link: https://www.youtube.com/watch?v=Hu1RYVoCbgs



Duration: 2:52:05
373 views
17


I'll be rebuilding my browser "OS" project over a series of many streams. For this project I will continue to use React & Next.js written in TypeScript. I plan to make it collaborative and involve the community. I will focus on a Windows 10 style this time instead of a hybrid.

Chapters:
0:00 Stream Starts
2:11 Demo v1
2:48 Demo v2
18:35 Episode 15 Recap
25:56 NPM Updates
29:09 ESLint Ignore
30:36 Define V86 Image Settings
35:23 Check Vars First
36:29 Clean Buffer URL's
46:12 Window Auto Resize Hook
51:19 Change Vanta Color Setter
52:56 File Entry Reopen Should Restore
59:28 Image Icon Fallback
1:03:13 Check File Drops
1:05:04 Session Default Object
1:06:44 Tweak File Entry Positioning
1:09:00 Don't Anti-Alias Resized Icons
1:12:57 Tweak Taskbar Entry Positioning
1:15:18 Taskbar Foreground Behaviors
1:44:32 Default Window States Object
1:45:19 Update Initial Contexts
1:47:25 Show Image On Load
1:49:36 Tweak Wallpaper Initial Color
1:50:06 HTML Lang Tag
1:52:28 New TODO Whiteboard
1:53:39 Update x86 Libs & Images
1:56:35 Have I Broken Something Yet? (Probably I Had)
1:57:35 DOS Emulator
2:32:01 File Explorer
2:41:14 Next Stream
2:43:36 Future App Ideas
2:46:35 Closing Rant

Stream Notes:
https://github.com/DustinBrett/daedalOS/tree/main/public/Users/Public/Documents/Stream%20Notes/04-17-21.md

Code Repository:
https://github.com/DustinBrett/daedalOS

Demo:
https://dustinbrett.com

#coding #programming #reactjs







Tags:
next js
react js
nextjs
reactjs
next.js
react.js
react next.js
react jsx
nextjs tutorial
next js tutorial
jsx
react context
react hooks
react components
typescript
javascript
styled components
styled components react
css
os
operating system
eslint
stylelint
jest
prettier
github actions
git hooks
lint-staged
code refactoring
refactoring
git commit
programming projects