Make an OS with ReactJS & Next.js - Wallpaper & Taskbar

Channel:

Dustin Brett

Subscribers:

13,800

Published on January 31, 2021 8:05:05 AM ● Video Link: https://www.youtube.com/watch?v=LdZQ-qmS7to

Category:

Let's Play

Duration: 2:57:26

825 views

23

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.

In this stream I am going to do a bunch of refactors to make things more logical & clean (hopefully). Then I'd like to try and get the animated wallpaper working and maybe make a very basic taskbar. Then we can discuss ideas for next stream and general brainstorming session about the project.

Chapters:
0:00 Stream Starts
2:19 Introduction
7:25 Episode 4 Recap
24:00 NPM Updates
27:53 Deal with TODO's
38:58 Alphabetize Stylelint Config
40:31 VS Code Recommended Extensions
45:39 Color Palette Intellisense in JSON?
47:51 Create RenderProcess Component
1:03:54 Create Initial Context States
1:16:45 Move Defaults Up
1:37:08 Create Startup Processes
1:51:45 Use i18n for HTML Language
1:58:40 Destructure Context to Consumer & Provider
2:00:27 CSS Resets
2:08:55 Desktop Component
2:24:58 Wallpaper
2:52:11 Next Stream

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

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

Demo:
https://dustinbrett.com

#coding #programming #reactjs