Packard Belle: A nostalgic component UI
The primary object of this project is to further my knowledge of various browsers and see how far I can push CSS.
Components previewable at http://packard-belle.herokuapp.com/
Demo site previewable https://packard-belle.netlify.com
Demo site source https://github.com/padraigfl/packard-belle-desktop
1. To create a CSS framework that mimics my first home computer
A CSS framework primarily because this is mainly a CSS and browser learning experiment. On top of that I suspect the component behaviour can swap out styles to effectively work as skins with minimal additional changes for a fairly wide range of desktop UIs
2. To create a component library which mimics standard desktop behaviours
Code quality needs improvement currently as the hacking out a working model is largely done.
3. Build a website utilising the components
To be done, I hope to do this in the next few weeks and expand and refine the necessary components as needed.
npm run buildFor building storybook
npm run build:cssFor exporting CSS framework (needs work)
npm run build:moduleFor building ES and CJS outputs
Thanks to @cryiography for the script to autogenerate these
Build tools largely created with help of https://hackernoon.com/making-of-a-component-library-for-react-e6421ea4e6c7
Font created using http://www.pentacom.jp/pentacom/bitfontmaker2/