Beautify Our Beaches

• 

  Login form

• 

  Record trip form

• 

  Recent trips recording

• 

  Home

Inspiration

For my Girl Scout Gold Award I worked to reduce litter in my community. A large part of this effort was encouraging individuals, families, and friend groups to participate in litter cleanups. My community has a river running through it, so my project focused on the areas closest to the water to prevent water pollution. I wanted to extend my project through this hackathon by creating a web application for people to submit beach litter collection data, as beach areas and their ecosystems are under extreme threat from litter and the pollution it causes.

What it does

Beautify Our Beaches provides a platform for users to submit their litter collection findings and share them with the community. A user can sign up for an account and submit a beach trip they participated in which included a litter cleanup. Based on a few factors, including how much litter the user records, pollution level of the location, and popularity of the location with other users, the user will be scored points which will appear on their public profile. Users can also submit images of their litter cleanups which can be viewed by the larger Beautify Our Beaches community. This application works by connecting individuals and encouraging competition through the points system.

How we built it

The application was built using HTML, CSS, JavaScript, and PHP. A template was used as a starting point, as the colors, graphics, and other items provided by it made the user interface design easier as a single-person team.

Challenges we ran into

Most of the PHP-related features were not able to be completed in the time frame due to bugs. While this is disheartening, I am excited to work on the website and implement the features in the future.

Accomplishments that we're proud of

I am proud of the user interface, particularly the color scheme, as it was designed to look like a beach and a body of water. I was excited to get the form system semi-operational as well.

What we learned

I learned about integrating PHP into my site and more about form submission. I also learned about using a template as a starting off point.

What's next for Beautify Our Beaches

I hope to fully create a login system and a user interaction platform so that people can register with accounts and talk to other individuals interested in beach cleanups. Once the major features are completed I would like to bring the application to local environmental organizations to promote beach cleanups in the area.

Built With

• css
• html
• javascript
• php