Instructice: Creating Introductory Steps for Your Web App
Instructice is a library that allows you to create interactive demonstrations for any web application. It is still in development, so is still very immature. It enables you to guide users through your application with user actions like events and information tooltips. All data and options are configurable through the instructions.js
file.
Instructice is built using JavaScript and can be installed via npm.
To install Instructice, you can use npm:
npm install instructice
To use Instructice, you need to create an instructions.js file in your project. This file should export an object that defines the instructions for your demonstration. The instructions include various elements like text, images, buttons, and their associated actions. Each instruction can be configured to run with other instructions, have a backup, and end after a certain action or time. Here's an example of what an instructions.js file might look like:
<script type="module">
window.onerror = function(message, source, lineno, colno, error) {
if (error && error.code === "MODULE_NOT_FOUND") {
console.error(`The module ${source} could not be found.`);
}
};
import("./src/instructice.js")
.then(module => {
let Instructice = module.default;
let instructice = new Instructice();
})
.catch(error => {
console.error(`An error occurred while importing the module: ${error}`);
});
</script>
Contributions to Instructice are welcome. Feel free to fork the repository and submit a pull request. We also welcome any issues or suggestions for improvements.
If you encounter any problems or have any suggestions for Instructice, please feel free to open an issue on our GitHub repository. We appreciate your feedback and will do our best to respond to your concerns in a timely manner.
Instructice is licensed under the MIT License. For more information, see the LICENSE file in the repository.