bboettcher3 / HackZurich2022

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pixel Peeps

Making browsing more enjoyable

Pixel Peeps is a Chrome Extension that adds a cute animated frog on your web browser that you can interact with making your browsing experience more fun!

Running

  1. Open chrome://extensions/
  2. Enable developer mode (top right toggle)
  3. Load unpacked (top left) and select this folder
  4. Refresh or open a https url and it should be activated

Check out our Demo

IMAGE_ALT

https://youtu.be/fMywJjdI7g0

Inspiration

We wanted to make something that makes people happy :) Something that gives the user the ability to customise their browsing experience and inspire creativity in everyday activities.

We are a team with various backgrounds in Music tech, Mechatronics, HCI and Graphics. None of us have done chrome extensions before and were inspired by other fun extensions that we have used. This was the main motivation while also giving us the opportunity to learn something new.

What it does

  • Walking left and right
  • Bumping its head if you scroll too much
  • Clicking links for you
  • Taking naps
  • Playing music
  • Erasing text
  • Makes graffiti art
  • Following mouse cursor

Challenges we ran into

  • Hybrid team working across global timezone
  • New framework as we are doing the development
  • Balancing workload
  • Communicating expectations and aligning on the MVP

What we learned

  • Working with a Hybrid team can be difficult
  • Important to align on expectations in advances
  • Have continuous communication and sync
  • Finding ways to build team spirit/collaboration over mixed media

What's next for Pixel Peeps

There are multiple features we have in mind for future pixel peeps. Including, adding a friend pixel bunny for our pixel frog.

Other Important Links

Creator Space

Devpost Link

Youtube Demo

About


Languages

Language:JavaScript 97.2%Language:HTML 1.6%Language:CSS 1.2%