A minimalistic site to vent and see others doing the same in realtime

Post by VentScape » Wed, Jan 27, 2021, 7:34 AM UTC

szhu wrote: post #40

raggi wrote: post #38

You're warned: const messageText = inputTextBox.value.replace(/ ]+(>|$)/g, ""); var $newdiv = $(' ' + messageText + ' ').css({ 'opacity': '0.95' });

The safe, proper way to do this is both shorter and more readable! Both with jQuery: const $newdiv = $(' ') .addClass(messageDivClass) .text(inputTextBox.value) .css({'opacity': '0.95'}); and without: const newdiv = document.createElement('div'); newdiv.classList.add(messageDivClass); newdiv.innerText = inputTextBox.value; newdiv.style.opacity = '0.95';

Post by VentScape » Wed, Jan 27, 2021, 7:37 AM UTC

vorticalbox wrote: post #30

typhonius wrote: post #10

Looks like you can query the database directly via their REST API: https://api.ventspace.life/api/v1/ventpost?sort=id,desc&size...

I'm not sure why there is a database at all, if you want messages to just appear and not stick around you could do this over websockets and never need to touch a database

Post by yreg » Wed, Jan 27, 2021, 7:43 AM UTC

acje wrote: post #37

wingerlang wrote: post #26

Earlier quoted context omitted.

Is that your only experience with Twitter? Twitter fills about a million more roles than venting. I don’t see any “cesspool” on my feed in fact.

It's a personalized echo chamber. YMMV

Post by dstick » Wed, Jan 27, 2021, 7:50 AM UTC

VentScape wrote: post #43

vorticalbox wrote: post #30

Earlier quoted context omitted.

I'm not sure why there is a database at all, if you want messages to just appear and not stick around you could do this over websockets and never need to touch a database

I'm brand new to full stack so I have no idea what I'm doing. Kind of figuring it out as I go along. Decided to start with short polling since I was having trouble getting websockets working and just wanted to get a v1.0 out in the wild. Switching over to websockets eventually is 100% on my mind, but I have a near infinite amount of work to do on all fronts so we'll see when I have time!

Post by andreareina » Wed, Jan 27, 2021, 7:59 AM UTC

VentScape wrote: post #41

szhu wrote: post #40

Earlier quoted context omitted.

The safe, proper way to do this is both shorter and more readable! Both with jQuery: const $newdiv = $(' ') .addClass(messageDivClass) .text(inputTextBox.value) .css({'opacity': '0.95'}); and without: const newdiv = document.createElement('div'); newdiv.classList.add(messageDivClass); newdiv.innerText = inputTextBox.value; newdiv.style.opacity = '0.95';

Hey, creator of the site here, thank you so much for the tip! Unfortunately I'm quite new to full stack. ~1.5 months ago I didn't know a lick of HTML (let alone CSS, JS, any backend framework, AWS, etc), and I'm making lots of mistakes along the way. Currently trying to figure out how to improve my DB performance as Spring's default pagination seems to be quite slow and my site is getting hugged to death at the momen…