DEV Community: Vasanth V

Talk - A free video call app for the web

Vasanth V — Wed, 11 Mar 2020 07:51:38 +0000

I created Hello (https://itshello.co) in 2018 and many people quickly started using it, but I have to sell it in 2019 as it was in autopilot mode and I didn't do any enhancement to it for a long time. I sold it, so that some else can pick it up and update it, but that did not happen, it's still in the same state as 2018.

Recently, there have been few enhancements in WebRTC and related APIs, but I couldn't update Hello now. So I created this separate app with those enhancements and stabilizations. I also added a stable screen sharing feature for supported devices.

Introducing "Talk - A free video call app for the web". https://usetalk.io

Though it does not get its own fancy domain name, it's stable, works 100% and supported by all the modern browsers in all the platforms (both desktop & mobile).

Check it out and let me know what you think.

Jsonbox.io V2 - A free HTTP based JSON storage. Now w/ private box.

Vasanth V — Mon, 09 Mar 2020 09:46:19 +0000

I am happy to announce version 2 of jsonbox, which has support for private boxes. Privates boxes are similar to normal boxes, but need authentication for write operations (not for read). So now you can serve your website’s data with jsonbox.

If you don’t know what jsonbox is, it is a free service that lets you store, read & modify JSON data over HTTP APIs for free.

https://jsonbox.io

https://github.com/vasanthv/jsonbox

Use CSS to automatically enable dark mode in your web app based on system settings

Vasanth V — Fri, 11 Oct 2019 07:55:31 +0000

Dark mode toggle button has become a norm in web development now. But we can automatically enable dark mode based on system settings using pure CSS. (No more toggle buttons)

It's as easy as adding a media query to your CSS. This is how I added automatic dark mode in my app Hoy (hoy.sh). I use variables in my app so it became much more easy to enable it.

My CSS before adding dark mode:

:root {
  --background-color: #f7f6ee;
  --secondary-color: #fbfefb;
  --text-dark: #101010;
  --text: #333333;
  --text-light: #7b7b85;
  --text-lighter: #ababab;
  --blue: #3498db;
  --green: #27ae60;
  --yellow: #feca57;
  --red: #c0392b;
  --white: #ffffff;
}
/* Sample css for an element */
body {
  background: var(--background-color);
  color: var(--text);
}

Media queries allow us to add CSS based on the system's colour preference using prefers-color-scheme. For detailed documentation refer https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme.

So in order to enable dark mode based on the system settings, all I had to do is to add the below code in my CSS.

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #1e1f23;
    --secondary-color: #232428;
    --text-dark: #efefef;
    --text: #c4c5c9;
    --text-light: #6c6d71;
    --text-lighter: #8e8f93;
  }
}

Check out the automatic dark mode in my app at https://hoy.sh

jsonbox.io - A free HTTP based JSON Storage

Vasanth V — Sat, 14 Sep 2019 12:44:07 +0000

jsonbox.io is a free HTTP based JSON store. It lets you store, read & modify JSON data over HTTP APIs. Ideal of small projects, prototypes or hackathons, where you don't have to spin up your own data store.

Check it out at https://jsonbox.io/

Its fully open-sourced at https://github.com/vasanthv/jsonbox

I would really appreciate if you can review and share your feedbacks with me.