-
A feed with posted events, more to come. . . .
-
How to create a post.
-
A capture of the leaderboards. The top 10 players are shown.
-
Find out how you can help the green cause!
-
About Us page screen shot.
Inspiration
We live in a worrying time where ecological damages are happening every day yet our leadership shows a lack of interest in improving quality-of-life for normal people. We felt we can no longer wait for someone to "save us" and are taking matters into our own hands! We hope to create a safe space, a clean space, for individuals to share our volunteerism, help make our communities friendlier and sustainable, and earn a little bit of internet cred on our reward system!
What it does
Our web application provides our users with a decentralized platform to share their voluntarism, gain both popularity and monetary rewards, and compete against each other in monthly leader boards. Liking posts, sharing experiences, and being an active member leads to higher points, higher ranking status, more badges, and end of season rewards!
How we built it
Using node.js as our framework, we developed the application using HTML, CSS, and Javascript. Bootstrap4 was used in the styling of a few elements as well. We ultimately hosted the application on a DigitalOcean server running node.js and deployed it using our domain name, aclean.space.
Challenges we ran into
The entire project was a challenge for the group because we came to the hackathon with the goal of learning and practicing new skills. We have, both collectively and singularly, had little to no experience in developing web applications, so we spent a lot of time debugging our project, looking at tutorials for how to use the languages. In addition, this was the first time we have registered for a domain name and deployed the application online, so those were new experiences that we had not accounted for prior. On a more technical note, there was a challenge in getting BlockStack to work in our application, due to little documentation that is out there and its incompatability with Node.
Accomplishments that we're proud of
With that being said, our biggest accomplishment is deploying a web application on an online server. We all had picked up skills in web development languages so it was a great experience for us to bond and to learn new skills. Ultimately our big accomplishment was deploying the site, but the biggest accomplishment thus far was all the tools we learned to use and how to reference for our projects!
What we learned
We learned how to write code in HTML, CSS, Javascript, and Node.js. We learned how to connect a database, like MongoDb, to our project and store the data that we receive. Lastly, we learned how to register for a domain name and how to deploy our project to the web.
What's next for A Clean Space
Bigger and better things. We plan to implement images along side our posts to allow users to show proof and the results of their volunteerism. We plan to have a practical categories options to sort our feed from what categories that the user would like to see. Additionally, we would like to increase and grow the number of badges that you can receive and where you can show off your social good pride!
Log in or sign up for Devpost to join the conversation.