This is a large learning project done by me on the Stephen Grider course.
Code-notebook is a development environment for writing and documenting JavaScript code inside the browser. Markdown editor for creating documentation sections and code editor for writing and executing JavaScript code
- ESBuild to transpile and bundle all the code directly in the browser
- Custom plugins for ESBuild (to get packages from unpkg.com and correctly bundle them inside the browser: one plugin changes the paths to the npm packages and another set the appropriate content)
- Monaco Text Editor (@monaco-editor/react)
- Prettier to format the user's code
- Markdown Editor to handle text snippets
- bulmaswatch/superhero theme for styling
- State Managament: Redux, Immer, Thunk
- Lerna to handle all packages
-
Install dependencies
npm install npx lerna bootstrap
-
Run app
npm run start
-
Open localhost:4005