Instead of wasting time thinking of a better name, we use it to make this awesome little project opensource.
Tutorial Maker helps you create those beautiful images of code people share on the Internet, explained using AI.
Try it: Live demo
Demo video: watch on YouTube.
Most text in the images below was written by AI.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Installs project dependencies that are needed to run the project locally. You need to do this when you first clone the project or the npm commands below will not work.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Please, read our contributing guidelines and code of conduct.
Goal: Users should be able to highlight explain code without the help of AI.
AI explanations are awesome, but sometimes expensive, innacurate or simply unnecessary. We know some users would love to add explanations themselves. We believe that this feature should be optional.
Goal: Develop a robust testing framework that prevents introducing breaking changes.
Tests weren't a priority in the MVP phase but we aspire to grow Tutorial Maker into a mature project. Ideas for testing the webapp are welcome.
Goal: Save tutorials so that you can recover them later.
Store tutorials in any storage. In order to make it happen, we'd need to serialize the state of the canvas and its elements, for example, the content of code blocks, position, colors, etc.
Goal: Use any authentication provider
Goal: As more LLMs rise and become available, users should be able to select the model that best fit their needs.
Goal: make it easier for new folks to start contributing to this project
We’re welcoming everyone in our community to contribute to the tutorial maker and would love your input in whatever capacity you thrive in. I’ll be building out the contribution guidelines in the days to come in order to make it easier to get started. We welcome discussion on Discord!