This project is an interactive browser-based coding environment that's similar to a Jupyter Notebook. It allows you to write, run, and save TypeScript and JavaScript code snippets, along with markdown notes and documentation.
The application can be accessed from npm registry, but you need to have Node.js installed on your machine first.
-
To get started, open your terminal or command prompt and type the following command:
-
Copy code
npx jsnote-ymw serve
-
Once the notebook.js file is opened, navigate to http://localhost:4005 and start coding and taking notes!
This project includes a variety of features, including:
- Integration of React, Redux, and TypeScript
- A package-based architecture
- In-browser code transpiling and processing
- Security features to prevent potential exploits
- The ability to safely execute user-provided code directly in the browser
- A code editor that's the same one used in VSCode
- Leveraging Web Assembly to run a code bundler directly in the - browser for faster speeds
- Manual testing of business logic using the internals of Redux
- Dozens of tricks to build a sleek user interface
- The ability to deploy your app to the NPM registry for easy access by others
This project was built based on the React and TypeScript: Build a Portfolio Project course on Udemy, taught by Stephen Grider. You can find more of his courses and projects on his GitHub page.