DEV Community

Chris Jarvis
Chris Jarvis Subscriber

Posted on

Passion Edition Challenge: Sticker Picker

DEV Weekend Challenge: Passion Edition Submission

This is a submission for Weekend Challenge: Passion Edition

What I Built

Developers love stickers so I built, Sticker Picker. Devs can take a picture of a sticker, upload it and enter the Who, What, When and where about it.

This was made with Co-Pilot. I asked for the ability to upload an image and enter information about the sticker.

Screen shot of app. shows a sticker from MagnolisJs.

Demo

Screenshot of a form. it has a place to upload an image, a asks for a name, date, and location

Having issues deploying it. So here's a CodePen.

Code

Sticker Picker

Sticker Picker is an entry to DEV's Weekend Challenge: Passion Edition.

What I Built

A page to upload amd view your collection of stickers.

Built with

Co-Pilot, HTML, CSS, JavaScript

Blog Write Up

Soon




How I Built It

Sticker Picker was made with GitHub Co-Pilot. I prompted for the ability to upload a pic and enter name, date and location. It made a basic version. I tested it, then had Co-Pilot add the ability to rotate the images before saving the card.
I modified the color scheme. Didn't like the base black and white.
Later I prompted for a gallery showing the entire collection. When this was added it broke the app. Co-pilot had duplicated the card element ans was trying to save the same thing twice.

Image of several stickers

Thoughts

This was mainly an exercise with Co-Pilot. If I was to continue with this I would add a Dark Mode toggle. Maybe add a tool to visualized what uploaded stickers would look like on a device. The way home decor place let you virtually place furniture in rooms.
I would also try to do something fun with CSS.

Top comments (0)