Inspiration
This school year, I took a class over environmental science. At first I didn’t really care about the class since I was just taking it to satisfy a science credit. However, as it went on, I realized that I really enjoyed the class. I learned that issues such as pollution and global warming are extremely important. Therefore, I wanted to make a way people could inform themselves more on these issues and how they can help using the knowledge I learned from the class.
What it does
There’s 2 main functions: the fact generator & challenge to-do list. The fact generator shows a fact about the environment when the button is clicked using JavaScript. The challenge to-do list presents the user with a list of things they can do to help the environment. When they’re done, they can click the checkbox to mark it as complete.
How we built it
I used Visual Studio code to write the code. I started with HTML, then CSS, and then JS. However, later on I just jumped back and forth between files, coding what needed to be fixed or what popped up in my mind at the moment. I used resources like Stack Overflow, W3schools, and past projects to help me learn new things & solve bugs.
Challenges we ran into
I was struggling to size the elements in a way that would fill out the webpage. Specifically, the home page was what was giving me the most trouble. My background-image was too oversized or too small. Then, the navbar was set to the size I wanted but I couldn't change the background color.
Accomplishments that we're proud of
I'm glad that the fact generator worked out. While I do have experience with JavaScript purely on a console, I don't have much experience working with it in HTML. Therefore, I'm proud that I was to incorporate JavaScript to make the website a little more interactive.
What we learned
How to input files into Github, how to download extensions into Visual Studio Code, and how to make a website more interactive with JavaScript.
What's next for EnviroHelp
I want to add a resources section which will lead the user to other websites where they can help and learn about the topic. Also, add more information to the facts & challenges pages. After that, I want to work on the UX; make the website more visually appealing and memorable.
Log in or sign up for Devpost to join the conversation.