Building an OS with React - Clock & File System
16I'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.
In this stream I'm going to make the Taskbar more pretty, get the clock working and hopefully have time to setup the File System.
Chapters:
0:00 Introduction
3:35 Episode 7 Recap
10:49 NPM Updates (Attempt)
15:10 Fixing Repo EOL's
18:01 Prettier Ignore Markdown
18:28 Switch Stylelint Rules
19:56 Prettier Auto Format
24:30 No More IE
26:35 Use Process Renderer
29:15 Reorganize Imports
30:46 Fix Stylelint Scans
33:07 Styled Component Attributes
37:43 Explicit DefaultTheme Type
39:40 Less Exported Types
43:20 Do I NEED Overflow? (I did)
44:48 Fix Taskbar Colors
50:50 Blur Effect on Taskbar
55:41 Start Button Icon
1:11:51 Set Clock Text Color
1:14:26 System Font Stack
1:19:09 The Clock!
1:57:06 The File System!
2:20:27 Next Stream
2:21:51 Conclusion
Stream Notes:
https://github.com/DustinBrett/daedalOS/tree/main/public/Users/Public/Documents/Stream%20Notes/02-20-21.md
Code Repository:
https://github.com/DustinBrett/daedalOS
Demo:
https://dustinbrett.com
#coding #programming #reactjs