Home About My Portfolio Privacy Policy Terms
Showing posts with label web dev. Show all posts
Showing posts with label web dev. Show all posts

Saturday, 3 December 2022

liveType

 liveType


What is liveType?

liveType is a web application used for real-time typing competition between two players. Users can join room from any corner of the globe and compete as well as chat in real-time.

Why liveType?

Many people use to test their typing speed on various wonderful platforms like monkeytype.com, typerush.com etc. But what they miss is real-time rivalry between their friends. Many studies have already proven that motivation to do a task comes when there is a win-reward system, so is the case with liveType, you feel overwhelmed beating your friend in a close compitition.

Project Inception

The idea to build the project came to my mind when I was quite bored with binged typing on monkeytype.com. The first commit was made on 27 th of November 2022 and it took three days to build the first substantial model.

Vulnerabilities to be probed

Although socket.io uses long polling for maintaining constant communication between server and the client, it has been observed that connection may broke on delayed inactivity from client's end. Thus it is advised to refresh the window when this happens.




Tuesday, 30 August 2022

toastKing.js : A new JavaScript library!





toastKing.js is a light-weight JavaScript library for creating non-blocking, beautiful notification messages. 
I am very fond of beautiful notification or toast messages. They are often used in web applications. I searched the internet for such libraries and found some, but the problem was that they are very mediocre in looks or a kind of boring. Then I decided to make a library for notification cum toast messages that will be very beautiful in terms of graphics and will have some interactive features. Before developing the library, I made a layout of it, which looks like this:



After completing the design, I started the coding part. All the CSS and HTML is dynamic. User need not to including any additional CSS or HTML in his program.
For docs, please visit the github page of toastKing : https://rudraworks.github.io/toastKing/