Info

Today I made a somewhat sad social media site with firebase, html, css, and js at a hackathon.300 LINES OF CODE IN 10 HOURS

HELP NEEDED

If anyone can help me clean up the code, create an auto refresh, and other things, let me know!

Instructions (Read this or u won't understand)

It's pretty simple. Create an account (double click the button) and sign into DataPost! You can make posts with text and images (only one for now) by clicking on the + symbol in the corner.

How it works

Really, this is horribly insecure, but let's not go there. You can literally interject code. I will leave the feature 4 now though cause that's actually pretty lit. I am not responsible for any lost data or stolen info btw.Basically, I push data out from firebase and retrieve it. For the posts, I push a set of variables to firebase under "post" and then take those vaues and split them into like 5 arrays. Lastly, the posts are appended to the document.

Features

Login does not allow certain words (I deleted the full list to make it safe for the repl community), repeated users, and spam users.Add posts in real timeOkay design

Images

Just fyi in case anyone tries to do the same. The image uploading is really, really, really bad. Basically, I take the image upload, past it on a canvas, convert the canvas to the base image URL code and save it to firebase. It's the only method I could think of without disrupting CORS (or maybe I should've done iframes??? but that would be copying from the ceo)