Clean This Space!

Earth Hacks - Third place winner!

Inspiration

Not everyone has the time to volunteer, likewise, not everyone can afford to volunteer.

What it does

Cleanthis.space connects environmentally conscious donors and eager community members to help out in our public places. We envision a platform that gives events like beach cleanups, trail restoration, and tree planting a lot of exposure to give them the most impact.

How we built it

We used React to make a progressive web app. On our back end is a Raspberry Pi running a Caddy server. Cloudflare proxies the DNS for our domain.com domain.

Challenges we ran into

It always takes so long to get everyone's development environment set up. Sometimes things just don't want to play nice.

Built With

Submitted to

CruzHacks 2020
- Winner Tech Cares - Earth Hacks
- Winner MLH - Best Domain Registered Through Domain.com

Created by

I was the front-end React.js lead developer! I taught the rest of the team how to utilize React to its fullest potential. I designed the project to use many libraries that I found great for developing. A few notable examples are Ant Design's component library and SCSS. I wanted to make the code as easy extend after the CruzHacks by using only functional components. I design and coded all of the pages and most of the CSS.

Aside from front-end, I was also did various tasks such as resolve major git conflicts and enforce coding style guidelines. Overall, I had a great time working on this project!

Art Parkeenvincha
I set up a Raspberry Pi to host our web app. I came up with our domain, changed the DNS settings and managed Cloudflare. I'll leave our project up until the domain expires in a year.

William Asper
guan-terry
Private user
Ivy La

Updates

Ivy La posted an update — Jan 19, 2020 02:49 AM EST

Image of KoKo

I've worked on the landing page to give a good first impression to the people seeing our project! I picked up different technologies and libraries such as React.js, scsass, and Javascript to make it. I also worked on overflow issues with one of my teammates and we figured out how to center text on top of an image!!! My teammates also got Google Maps API working, along with tracking when certain fundraisers are fully funded. We also got to pull images from Google. Now our site looks more professional and cool. I can't believe that we did this all in a day!

Log in or sign up for Devpost to join the conversation.

Private user posted an update — Jan 18, 2020 07:12 PM EST

Check out our design @ https://app.moqups.com/w2chp2K7sq/view/page/ad64222d5 and our live site at cleanthis.space!

Log in or sign up for Devpost to join the conversation.

William Asper posted an update — Jan 18, 2020 05:22 PM EST

Update 2: Our website is live with our domain.com domain! I had a couple issues running into rate limits with let's encrypt, but just waiting an hour meant let's encrypt could issue more certificates for us. We'll share with you when we have a little more working.

Log in or sign up for Devpost to join the conversation.

William Asper posted an update — Jan 18, 2020 03:22 PM EST

Update 1: Last night we got our idea! This morning we are working to make a web app using React. I was able to host our app on a Raspberry Pi that's connected to the internet. Next, I'm going to link our domain to the Raspberry Pi. This is all pretty simple to do with Caddy 2 and Cloudflare. Good luck everyone!

Log in or sign up for Devpost to join the conversation.

Art Parkeenvincha started this project — Jan 18, 2020 12:11 AM EST

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.