git-dmitriy / code-notebook

Code notebook

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

---

---

Features

• 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

Getting started

1. Install dependencies

   npm install
   npx lerna bootstrap

2. Run app

   npm run start

3. Open localhost:4005