Eco Tips Generator

Ngaffo — Sat, 18 Apr 2026 20:10:14 +0000

This is a submission for Weekend Challenge: Earth Day Edition

What I Built

I built an Eco Tips Generator, a simple web app that generates random eco-friendly tips when the user clicks a button.
The goal of this projet was to create fun and interactive way to encourage people to adopt more sustainable habits in their daily life. Each click display a different environmental tip such as saving water, reducing plastic use,or recycling.

Demo

Project link: [https://eco-tips-generator.netlify.app/]

Code

GitHub link: https://github.com/Ngaffo/eco-tips-generator

How I Built It

I built this project using HTML, CSS, and JavaScript to create a simple and interactive web application.
First, I structured the app with HTML to display a title, a button, and a text area where the eco tips are shown. Then, I used CSS to keep the design clean, centered, and visually appealing with a green eco-friendly theme.
For the functionality, I used JavaScript to store an array of eco-friendly tips and generate a random tip each time the user clicks the button. This helped make the app interactive and dynamic.
During development, I used GitHub Copilot to assist with code suggestions and speed up the implementation process, especially for the JavaScript logic and UI structure.
One of my key decisions was to keep the project very simple and lightweight, focusing on user interaction, since the goal was to make a fun and accessible eco-awareness tool.

Prize Categories