This is an in browser code executor. Behind the scenes I used the esbuild web assembly API to compile, bundle, and execute user code input, including importing npm packages. I used Redux with immer to store the code and markdown cells. One really cool feature is cumulative code. Cells have access to variables, imported packages and components created in the preceding cells.
This project is also published on npm. If you're a developer (or familiar with CLI's) you can easily use this application by running npx @javila-jsnote/cli serve in your terminal.
This fun project was the result of a Typescript & React course created by Stephen Grider.Repo
This was my capstone project from my time at Flatiron School. I didn't actually know what I wanted to make, which made it very difficult to finish. I ended up settling on a news aggregator site, and this was the result. Since finishing school, I used this project as an opportunity to learn Typescript and the popular react-query library.RepoBackend RepoLive Site