Submit your sharing themed repl created by your group

← Back to all posts
GreenScale - the Environmental Sharing App
h
AdCharity (157)

You can find the live version on the repl or here: https://hackathon.greenscale.technology/
NOTE: Please, refrain from entering sensitive information on this site (read the terms and conditions)
EDIT: In case you don't read, the stream updates everytime you move your cursor in or out of the feed (which is essentially where the posts are held). If you aren't waving your mouse around, the stream will not udpate.
EDIT: GreenScale is back online, with a couple of security filters in mind :D

Credits

I really thank repl.it for making this project and event possible. In addition, I, @AdCharity would like to heavily thank @EthanHorowitz for his endless support and tireless efforts to make this project work.
You can find more credits on terms page. Yes I put this at the top because most people aren't going to appreciate this long post our team constructed in +1hr, so at least appreciate the people that made this possible.

General

This entire project accumulating to over several thousand lines of code was made by @AdCharity and @EthanHorowitz . We finally did it :D after working tirelessly (even staying up past 24 hours one day) to put together a final product.
Some components are built on: Firebase, Brain.js, and the domain is supplied by name.com
Our team only used vanilla JS, CSS3, and HTML.
Essentially, this is a social media site where you can share about your environment.

Inspiration

The theme of the hackathon was "sharing". As such, the very first thing that came to mind was a social media app! We decided to make our application more limited and pertaining to real world issues, and finally settled on the idea of having a social media site focused on the environment (where you can create an account and post things). The environment is changing rapidly due to climate change (or if you don't believe in it, pollution). With this web application, we aim to share and spread awareness of the beauty and destruction people bring to the environment.
The name came from the fact that @AdCharity wanted to implement a black and white theme with hand drawn images (grey scale image :D play on words there). However, the idea evolved into an environment based idea, so we morphed it into GreenScale instead.

Features

You can find more about these features on the about page (which you can find when you create an account and sign in).
Some features currently functioning include:
1) official domain name here: https://hackathon.greenscale.technology/ and SSL certificate
2) neural network to classify posts on environment - may not work extremely well given the poor set of training data
3) mobile support
4) search tag, title, or room
5) commenting on posts
6) store user profile pic/date joined
7) actual posting that can take in images
8) hand drawn images by @AdCharity (yes the homepage thing is a globe and a scale. IT IS A SCALE.) and royalty free images for the background
9) guess what - I didn't list it, but you can actually delete posts that are your own

Known Bugs

The feed takes a second to refresh. Please tell us if you find anymore.
Please.... those of you who know firebase... don't wreck our database...
EDIT2: stream may spaz out for some users... (just means it is constantly refreshing)

Getting Started with GreenScale (you really don't need to read this)

It's pretty intuitive and self explanatory, but essentially you visit our home page and create an account. Once you have created an account, you can view your profile (on the left) and the feed (on the right). While the feed should automatically refresh every 6 seconds, it will also refresh every time you comment or hover on a post. The user card on the left contains your profile picture (which you can change), the date you registered, and your profile username that will be displayed when making posts. It also contains the options for: logout, adding posts, the terms and conditions, and the about page (not necessarily in that order).
NOTE: If you are on mobile, change your view to landscape, as we have disabled signing up for mobile phones for styling purposes.

Posting/Comments

On mobile, the user profile card will not be displayed. On the other hand, you'll see a blue circular button that you can add posts with.
On desktop/larger window browsers, you can add posts with the add posts button located in your user profile.
By pressing expand comments on a particular post, you can add your own comments and see what others have written.

Commentshotnewtop
amasad (1718)

Someone is going around and defacing the sites. We're investigating now and we think we have information on them. We'll be engaging the FBI cybercrime unit.

AdCharity (157)

@amasad actually, idk if it will be of much help, but I recorded a form of lat and long using HTML5 Geolocation. I don't know if it is any accurate or not, or if it even helps, but....
Lat: -95.712891
Long: 37.09024
Edit: might have that backward
This guy is kind of messed up - he literally used my and my partner's names to make posts, added explicit posts, etc. Anyways, I really appreciate it (not sure about the FBI part)

AA6Ninja (9)

@amasad I also appreciate that. Someone posted inappropriate words on my challenge submission too. I am trying to add repl.it authentication to my website to prevent this, can you advise me on how to do it?

AdCharity (157)

@AA6Ninja unfortunately, i do not know. Ask @Zavexeon and @Vandems14 for help, as they are more well versed with repl.api. I only have geolocation API for determining lat and long, which is far from perfect.

AA6Ninja (9)

@AdCharity oh, thanks for the info

AdCharity (157)

@AA6Ninja wth happend to meme.me

MatthewDoan1 (207)

@amasad What do you mean by defacing the sites? Like posting NSFW pictures?

AdCharity (157)

@MatthewDoan1 Yes (at least for mine quite literally... I was checking on my project in the middle of class. I shut my computer so damn fast), adding users with explicit names and passwords, spamming in general, wiping databases, pretty much every thing to wreck people's projects.

AA6Ninja (9)

@amasad python (flask) with html

AA6Ninja (9)

@amasad Thanks for the link

Lethdev2019 (10)

@AdCharity you had it the wrong way.
(i had to reverse it otherwise i got antartica)
oh, and he could be using TOR browser (otherwise known as the onion browser) which allows you to spoof your location and country, but it is in the usa!
https://www.latlong.net/c/?lat=37.09024&long=-95.712891

AdCharity (157)

@Lethdev2019 actually I'm pretty sure the coordinates don't even return a location earth (you'd have to round down). And I'm not sure why he'd be using TOR if repl caught him with ip.

Lethdev2019 (10)

@Lethdev2019 that's strange, its a 1.8 star cafe, in the middle of nowhere.
there is a high probability that he is using tor.

EthanHorowitz (12)

Spammer seems to have stopped! (message before edit said we stopped the spammer, I was wrong)

AdCharity (157)

@EthanHorowitz um that is not a good idea ngl he's coming after us now

pieromqwerty (15)

Good going on @AdCharity for locking this. Great project! I hope that whoever has been trolling on all of the sites gets justice served to them. I feel like im lucky my submission is just a text based python game lol.

EDIT: Well deserved upvote lol

AdCharity (157)

I have officially locked all posts on GreenScale. Thanks for shutting our project down by posting explicit content. We will be adding verification with email.

Edit: it is back online
Edit2: no verification with email yet

sanjaykdragon (171)

@AdCharity thats a sh~~head move, do you have their IPs logged or something? if so, you can contact the mods on site

AdCharity (157)

@sanjaykdragon I am working on a geolocation api and ipstack, but until then, it won't work

Lethdev2019 (10)

@AdCharity It's no longer working!

AdCharity (157)

@Lethdev2019 I know - thats the point. I took it down to make it more secure with node.js

AdCharity (157)

@Lethdev2019 kk I can't at school tho cause they blocked the discord servers. I can hotspot myself to see, but I'm in class rn

Lethdev2019 (10)

@AdCharity try https://who.is
it gives all the IPV4 and IPV6 internet adresses.
Did you check the map?

Lethdev2019 (10)

@AdCharity
tip, import recaptcha by google (best one there, even though i dislike them because you have next to 0 privacy.)
2, create something that automatically removes comments that come up that may be offensive.
3, create a validator to prevent code-injection into the website. (most SQL webpages have them).