https://github.com/behi22/jbook
An interactive coding environment where you can write JavaScript, see it executed, and write comprehensive documentation using markdown.
https://github.com/behi22/jbook
esbuild eslint express html-css-javascript lerna monaco-editor nodejs react redux typescript webpack
Last synced: 3 months ago
JSON representation
An interactive coding environment where you can write JavaScript, see it executed, and write comprehensive documentation using markdown.
- Host: GitHub
- URL: https://github.com/behi22/jbook
- Owner: behi22
- Created: 2023-04-12T10:51:59.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-22T06:37:48.000Z (about 3 years ago)
- Last Synced: 2025-12-02T09:49:59.000Z (7 months ago)
- Topics: esbuild, eslint, express, html-css-javascript, lerna, monaco-editor, nodejs, react, redux, typescript, webpack
- Language: TypeScript
- Homepage: https://behbod-babai-jbook.netlify.app/
- Size: 12.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#
JavaScript Notebook
> This project is an interactive coding environment. You can write JavaScript, see it executed, and write comprehensive documentation using markdown.
>
>
## Table of Contents
- [General Info](#general-information)
- [Technologies Used](#technologies-used)
- [Screenshots](#screenshots)
- [Usage](#usage)
- [Project Status](#project-status)
- [Room for Improvement](#room-for-improvement)
- [Acknowledgements](#acknowledgements)
- [Contact](#contact)
## General Information
This web application is developed to showcase knowledge of developing responsive and interactive webpages using Typescript, React and managing the state
of the application using redux. The web app uses esbuild to bundle the user's code and also uses various libraries to do various things
eg. displaying a markdown editor, code editor ,etc. This application is an interactive coding environment. You can write JavaScript, see it executed, and write comprehensive documentation using markdown.
### Important Note: The link of this application takes you to a demo that is online. If you want to be able to save code and text for this application, You can use the npm package that I have published to npm and the local server will store and fetch code on your device. The package is saved on npmjs.com under the name: jsnote-bb
## Technologies Used
- npm - 8.15.0
- React.js
- Typescript
- Redux.js
- Node.js
- Express
- esbuild
- lerna
- HTML - version html5
- CSS
- git - version 2.38.1.windows.1
- github
## Screenshots
## Usage
This is an interactive coding environment. You can write JavaScript, see it executed, and write comprehensive documentation using markdown.
## Project Status
Project is: Complete
## Room for Improvement
- There is an issue currently with using hooks inside of function react components which can be addressed.
## Acknowledgements
- Many thanks to Udemy for including the this project on their React and Typescript: Build a Portfolio Project Course.
## Contact
Created by Behbod Babai - feel free to contact me via email!
my email: behibabai@gmail.com