GreenLy

Saving the world one eco-friendly replacement at a time.

Comment

Inspiration

We were inspired to create this project through our prior experiences. We had both seen the huge amounts of food wrappers thrown into trash cans every single day and we wondered "where did it go?". As it turns out, all of these go to a landfill where they are left to stink up the place they're in and tear ecosystems apart. And the saddest part is, most of these materials could have easily been recycled. We were both confused and terrified of the implications this would have on nearby wildlife, who could mistake these useless scraps for something else and try to eat it. We hope that by encouraging people to switch to more eco-friendly alternatives through convenient information and links, we would be able to create a safe space for all life on planet Earth.

What it does

Our website acts as a one-stop-shop for all things sustainable. We give users the opportunity to explore various landfill clogs and how they can do their part and switch to more eco-friendly products. However, they can also educate themselves on recycling centers and find some of our preferred centers! We also plan on adding a newsletter feature, which you can see on the first page of the website.

How we built it

Because, we were both in different time zone(EST and PST) it was difficult to work on a project together at the same time. For this reason, we chose to use an IDE called replit which allowed us to work asynchronously and catch up on where the other person left off. We also watched multiple videos online and took ideas from them to incorporate into our project. A few example would be the navigation bar and the footer.

Challenges We Ran Into and What We Learned

We ran into a ton of challenges as we approached this project. Under the "Recycling Centers" page, we could seem to figure out how to distribute the maps evenly across the screen; they would also shift to the left for no apparent reason. In reality, I had not aligned them to the center of the page. Another obstacle occurred under the "Alternatives" page. In this, the boxes merged together. The solution was difficult to spot(took us 30 minutes), however, all we needed to do was increase the margins. The last example would be when trying to link our CSS sheets in one folder to an html file located in a different folder. We didn't know we needed to add a "/" in front of "css/style.css" to indicate that. Though we have given only 3 major examples, there were many more miniscule obstacles such as spacing, picture sizing, icons not working, etc.

Accomplishments that we're proud of

We are both proud of the really cool slide-in feature on the main page. Another thing we are proud of is the color scheme as we feel that it portrays Earth-y colors. This directly correlates with our website as our website is meant to inform and help user be more environment friendly. On top of this, this would be our 3rd project EVER. We are only freshman in highschool and we feel extremely proud to have come so far from our first website.

What's next for GreenLy

We would love to work on links that connect you to different eco-friendly stores in order to make them more interactive and appealing. We would also like to add more pictures and items onto our alternatives tab so that people have a variety of items they can choose from in order to be more green. Lastly, we would like to use a google API/feature that allows the website to use the users location and create a custom map of recycling centers based in their area.

Share this project:

Updates