my-jbook
v3.0.0
Published
This is a cli application that will fire up a React web application that transpiles and bundles code especially JS and JSX , allowing users to view the output in a dedicated preview window. It provides a platform to add code descriptions or notes, write c
Downloads
6
Readme
Code-Output Viewer
This is a cli application that will fire up a React web application that transpiles and bundles code especially JS and JSX , allowing users to view the output in a dedicated preview window. It provides a platform to add code descriptions or notes, write code snippets, and immediately visualize the output.
Features
- Code Input: Input code snippets with descriptions.
- Transpilation & Bundling: Transpile and bundle code for javascript and jsx languages and also include npm packages in the code.
- Output Window: View the output of the code in a dedicated window.
- Interactive Interface: Real-time feedback and immediate display of code results.
Technologies Used
- React + Typescript
- Esbuild
- Lerna
- Express
- Bulma Css
Installation
To run this application locally, follow these steps:
- Clone the repository:
npm i my-jbook - Run the instance of notebook locally:
npx my-jbook serve - Providing Optional filename:
npx my-jbook serve notes.js
Usage
- Upon starting the app, you'll be presented with a code editor with some default notes on how to interact with application.
- Add a description for your code snippet.
- Write your code in the provided editor.
- View the output in the dedicated output window.
- Explore and experiment with different code snippets and see their respective outputs.
Contact
For any inquiries or feedback, feel free to reach out at [email protected].
Thank you for using my-jbook! 🚀