DEV Community

Cover image for Asking for feedback: Visual editor + template for QR-Reader and -Generator Apps
Jonathan Schneider
Jonathan Schneider

Posted on

Asking for feedback: Visual editor + template for QR-Reader and -Generator Apps

Quick access or setup

Here's a live demo of the editor on the project homepage,
and of course the repository on github.
The repo also works as a template
image of a template button for your own QR-enabled web apps. Everything open source.

Introducing: The MetaExplorer-starter template

I'm quite a fan of storybook, because you can communicate with your team mates about the features of frontend components. So everyone gets a clear idea of the UI component parts: But to talk about how two UI components look side by side, UX or measuring funnels I always wanted to have an editor for communicating more complex topics. Topics like how the application state changes, how good UX can be reused or if more copy moves the rest of the content "below the fold".

And so here's a simple App with a QR-reader and a QR-writer and some navigation. You can edit this App without code, and add your own UI components after reviewing them in storybook.

sectionimage-mxp

Feedback to make it more usable

Now it's mostly an editor for Application state, inspired by node-based editors such as in blender3D, node-red or camunda (BPMN).

Let me know your thoughts! Is it hard/easy to use, intuitive or not, are you against visual editors in general, what do you need in an editor? - and how long did it take you to crash it? 😉

Thanks! Wish everyone a productive time :) 📝

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay