Congrats!
You did it! You just added <weavy/> in the most easy way you can imagine.
And if you know a little HTML and JavaScript it's basically as easy to add it to your own app using our code snippets.
No setup. No registration. No sign up.
This is a mockup app to show how the <weavy/> featuers work in a mobile. Imagine the navigation in the bottom is a part of your app.
Let's start exploring how <weavy/> feeds works... follow the pulsating circle.
With embedded feeds you can have threaded conversations, post files, do polls, and more. Try it out and when you're ready, move over to the messenger.
In-app messaging - one-to-one or in rooms - play around with our and ask for a /badjoke.
<weavy/> gives you the ability to include file sharing directly through your app - fundamentally changing the way your users organize and collaborate.
Hit the and add files, notes, and more.
Task delegation and to-dos in your app. As easy as pie.
Navigate between and test the features, when you're ready to leave the tour - use the in the top right corner.
Pretty cool, right? We highly recommend to do the tour on the computer too.
You can continue to click around and test the features in the bottom navigation bar.
When you're done we recommend you to;
And if you know a little HTML and JavaScript it's basically as easy to add it to your own app using our code snippets.
No setup. No registration. No sign up.
Let's use the illustrations to the right: (A) and (B) represents two different views in your app. (C) is adding instant messaging globally to your app.
First, everything starts with the <weavy/> JavaScript library, initiating <weavy/>, and authentication... (spoiler alert, authentication in our demo is simplified to enable you to play around. But not to worry, it's as easy in the real world too.)
<script src="https://demo.weavycloud.com/javascript/weavy.jquery.js"></script>
<script>
var sub = "";
var weavy = new Weavy({ jwt: sub });
</script>
A We're adding a feed and secure file sharing to this view.
var viewA = weavy.space({ key: "" });
viewA.app({ key: "feed", type: "posts", container: "#feed" });
viewA.app({ key: "files", type: "files", container: "#files" });
The space
created in <weavy/> is attached to your view, and the value of key
is the unique identifier that connects them. The container
is the placeholder in your HTML code.
B To this view we're adding tasks and two different feeds.
var viewB = weavy.space({ key: "" });
viewB.app({ key: "tasks", type: "tasks", container: "#tasks" });
viewB.app({ key: "feed1", type: "posts", container: "#feed" });
viewB.app({ key: "feed2", type: "posts", container: "#feed2" });
Here we can see that the space
key
is different since it's a new view, and also the use of key
creating the app. The two feeds have unique key
's.
C Last, but not least... we're adding instant messaging to your app.
var global = weavy.space({ key: "" });
global.app({ key: "messenger", type: "messenger", container: "#messenger" });