EcoPet

• 

  Screenshots show EcoPet’s main interface with points.

Inspiration

I wanted to create a fun and emotional way to encourage people to take small eco-friendly actions every day. By combining sustainability with a virtual pet, EcoPet turns environmental responsibility into a rewarding experience.

What it does

EcoPet helps users build green habits while taking care of a virtual cat.

Users can:

Add eco-friendly habits (save water, reduce plastic, etc.)

Complete habits to earn points

Use points to feed their pet

Watch their pet change mood from hungry 😿 to happy 😺

Helping the planet makes your pet happier.

How we built it

HTML

CSS

JavaScript

Browser localStorage (to save habits and points)

Everything runs directly in the browser with no backend.

Challenges we ran into

Managing points correctly

Making the pet react to user actions

Keeping the project small but meaningful

I solved these by breaking features into tiny steps and testing often.

Accomplishments that we're proud of

EcoPet shows that even small daily actions can make a difference. By gamifying sustainability, it encourages positive behavior in a fun and friendly way.

What we learned

DOM manipulation with JavaScript

Using localStorage to persist data

Designing simple game logic (points + rewards)

Turning an idea into a working product under time pressure

This is my first hackathon project, and I learned how important it is to start simple and build step by step.

What's next for EcoPet

Multiple pets (dog, cat)

Pet clothes and home shop

Progress bar

Mobile-friendly layout

Community leaderboard

Built With

• css
• html
• javascript