AsyncAPI Blocks #149
Closed
AceTheCreator
started this conversation in
zArchived - AsyncAPI Hack 2021 - Submissions
Replies: 5 comments 1 reply
-
This is lit lit! I always love me a Scratch-inspired project... well done and good luck Ace!🔥🚀 |
Beta Was this translation helpful? Give feedback.
0 replies
-
Awesome Project! |
Beta Was this translation helpful? Give feedback.
0 replies
-
You did well, Keep it Up |
Beta Was this translation helpful? Give feedback.
0 replies
-
This is a great tool that I see working nicely in the AsyncAPI Studio! Would love to collaborate with you on user experience and interface design things if that interests you! |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
What is AsyncAPI Blocks?
AsyncAPI Blocks is a no-code tool that can be used to define your specifications and get a real-time preview of what your spec looks like by simply dragging and dropping different types of blocks. The inspiration behind the AsyncAPI Blocks is Scratch and it's guided by the ability to easily create and maintain specifications. This makes it easy for newbies to confidently jump into any sophisticated specification file and start maintaining it like a pro.
Implementation Flow
The AsyncAPI Blocks Implementation was made possible thanks to the Blockly project that made it possible and flexible to create blocks and turn them into code.
The current implementation is divided into 3 parts which are all visible in the UI
The schema selector
The schema selector is the central part of the UI that gives you the ability to select the type of schema you want to implement. Here's what it looks like
The Toolbox
The toolbox is the panel that appears at the left-most side of the UI which will appear once either one of the schemas has been selected or a block is been selected. This toolbox contains the type of blocks available for a particular schema/block
The Playground
The playground is where all blocks will be implemented
![screenshot (7)](https://user-images.githubusercontent.com/40604284/139463365-f8cf4233-139b-451f-8ae1-d34d56dc62c7.png)
The Preview Mode
The preview mode is where the spec generated from all the blocks above will be available for view(Read-only for now)
Demo Clip
Untitled.1.mp4
What's Next
Future Works
Project Links
Beta Was this translation helpful? Give feedback.
All reactions