Livio

Secure, branded, customized video chat for any website

Another great update for

- slack integration
- landing page improvements (demo mode for our embed right on our landing page - try it out! https://welivio.com )
- infra for chat/status/emojis/etc
- roadmap for the next 6-12 months
- connecting with potential users and interested parties 🙌

and more coming!

weekly update: showcase gallery

Livio got a gallery of websites (OSS from github, html5up and carrd.co) showing how the nocode videocall integrated into these different layouts of websites would work.

This helped to spot few issues and test the Cleanslate CSS styles.
More features coming!

Support for multiple rooms/websites on

Now you can create multiple "rooms" (that's how we call it) and use them on different pages/different websites. For example, you might have one for a daily standup in your community and then another one for patrons and then another one for admins.

Or one room that you use in your course software for beginners, another room for advanced course.

a rather productive day today - and some knowledge

Livio gets a minor project structure cleanup. Ended up with 2 (AMA) frontend projects to make sure the #nocode integration would not hog your website +1 Mb of data.

Had some good reading on theory and JS (reading Eloquent JS now and I kind of like it) and redux/mobx comparison. Anyone got the first-hand experience with both and chose one in the end? Why?

Navigation and typography today for video embed for

I like that article and idea of using native fonts (native to device's OS) https://blog.prototypr.io/8-rules-for-perfect-typography-in-ui-21b37f6f23ce

Finished with UX mockups for

Keeping it simple and also functional to get things working asap and have some space for extensibility later.
As usual, Figma is 🔥

UX wireframes for call experience

Figma delivers as usual.
I love how many thoughts and details come to light when you start doing something as abstract as rectangular shades-of-gray mockups for functionality you _thought_ you knew.

Also - @sergio - sorry to bother you again about streak logging - is there anything I can read about it? I have a feeling that I'm missing something to use this feature effectively and lose it every week

Regeneration and thinking about marketing for

Used this long weekend to get some energy and use it later for the output.
Spent some of that time thinking about marketing for #livio.
Fellow makers, what are your tips for marketing and promotion when you don't have a large twitter audience yet?

A lot of stuff today on - data storage + widget infrastructure

We now have DB + migrations + API + authentication/authorization on routes - all nerdy stuff to help with streamlined API and data model changes.
Sounds like overkill but it took about 2 days to set it up (had previous experience) and I know this will save us a lot of butt pain going forward.


On another front - Livio got its first widget. Preact + Typescript + some fancyness (Snowpack). Actually like how simple it turned out.

Found great example of doing that with React and Webpack https://github.com/seriousben/embeddable-react-widget - and built similar solution with Preact.

React + Webpack -> 300kb.
Preact + Snowpack -> 30kb.

Size- and buildtime-wise preact + snowpack rocks.

Taking a short break rom by building Clubhouse banner generator

@kp on twitter suggested that as a side project and I like short challenges like that.

Here we go - https://frontporch-ch.herokuapp.com

Livio meanwhile got data storage and API + swagger :)

Short Monday update for

Data storage (API + Postgres) to store branding and customizations per user.
That should help users install and customize video calls experience to fit their brand.

Also - lost the streak, probably because of the weekend? Need to read more on how that works
Alex Sorokoletov Author

TLDR probably nothing. Thanks for coming here to help me!

0 Likes
Alex Sorokoletov Author

Thank you, Sergio! All good now!

0 Likes

Planning how to actually do the embeds for

Going through user UX and making some notes about technical details.
Ideally, we want our styles and behavior not to be distracted by any other CSS or JS on that page where we embed.
I don't think we want to try iframe approach at all - there are too many concerns about security, -cookies-, analytics, customizations.

Wondering how do you make that first UX flow w/out having first clients?
Alex Sorokoletov Author

Thanks, Jason, very much appreciate your input here! Are you using !important on everything?

0 Likes
Jason T

One way that I use to ensure my style dont crash with any of the sites style is to use

for everything. no

etc… Then I prefix something for all my class name (cl-text-center cl-flex…)) and use !important. This way, it will most likely be unique to the settings of the site. For anchor tag, i generally try to do a reset so that it will only use styles set by me. Just my two cents :)

0 Likes

Some API work today for

Connecting to Firebase on the API side pretty much to start getting user context and using it to return the settings and widget data

Finalized signup/authentication w/Firebase for

Now things are working properly. Added user name display into dashboard, fixed layouts on login screen etc.
Overall just some foundational improvements everywhere.

Started working on the dashboard page to copy the no-code video embed. #livio

Setup SSL on landing/APIs, setup email subscription

- SSL on landing page (static, gitlab + gatsby)
- SSL on API (Heroku + Nest.js + Typescript)
- Email form using Sendgrid (I really didn't like it but for now it's good)
- Some basic analytics to see if anyone is hitting landing at all
  • ◄ Previous
  • Next ►