Eco Emporium

Inspiration

One of my earliest memories was going on a hike in a nature preserve. Years later, when I visited the exact same location, but I had saw drastic changes. Instead of the clean park benches, there was litter everywhere. The creak was polluted along with dry grass and dead trees. That's when I realized, even if our society was progressing immensely we were leaving key factors behind- our clean environment. Through this interactive website, people can understand their impact on the environment. I hoped to inform the public of the environmental issues because even a small change can contribute to the bigger picture.

What it does

"Eco Emporium", is web-based quiz, checklist and informational site. It gauges a user's impact on the environment then outputs a tier or category they fall in. Depending on that they can learn how they can help the environment around them. Not only that, it provides a daily checklist to see if a user has contributed to the environment that day. It also provides information and resources to learn and help more.

How I built it

I built it through the IDE platform of repl.it using a combination of HTML, CSS, and JavaScript. I first wrote out a plan for the website along with brainstormed. Next, I researched about the issue and how I could help. After that I used HTML to create the layout and wireframes. I then used CSS to add special affects, visual appeal, and more. Finally, I used JavaScript to include the logic and computational part of the website.

Challenges I Ran Into

One of the main challenges was the deadline. Since I was working by myself it was harder to complete things onetime, along with that I am a beginner coder in HTML, CSS, and JS. And I'm not that familiar on how to use these languages, really well. I had trouble finding ways to figure out how to utilize my skills to get a desired outcome.

Accomplishments & What I learned

I am proud of the final product because I believe I made a lot of progress during my coding journey. I was able to overcome difficulties of the lack of experience through different ways. I was able to find different ways to get my desired outcome.

I learned how to use repl.it and work it HTML along with CSS better. I discovered different ways to put together code to create better functions.