Many things have been updated for my web extension!

ACCOMPLISHMENTS:

1. I made it look prettier. This was one of the main problems I had with it, that the solid neon yellow color kind of burnt my eyes out every time I looked at it, so I decreased the intensity of the yellow.

2. I made a cursor that follows the mouse. This cursor will follow the mouse after clicking the “create new sticky” button, and will be a visual representation of where the sticky note will be placed.

WHAT I NEED TO DO

1. Link the cursor showing up to the button being clicked. Right now, the cursor is always shown, instead of only showing when the button is clicked, and hiding when a sticky note is placed.

2. The cursor must be able to leave the extension popup. Right now, the cursor is stuck to the bounds of the popup. Probably has to do with my HTML / JavaScript code. I’ll have to figure it out.

3. Make sticky notes appear when the mouse is clicked. duh The actual functionality of the project must be added!

In the following picture, the (+) is the cursor, and would normally follow the mouse. I had to take a picture though, so my mouse had to leave the popup.

StickIt now has an Extention Popup!

Alright: This might be a bit of a jumbled mess, but here goes!

I wanted to make an extention that allowed users to store ideas in a satisfying (and sometimes slightly annoying) way. And one of the most convienent ways to store simple information in real life is on sticky notes! (In fact, I even used sticky notes while making this project!) I have never written any code in HTML, CSS, or JavaScript, but I did have coding experience from school with Java and Python, so I was up to the challenge! I watched a couple videos about the basics, then got to work. Fast forward 45 minutes of programming (3 hours of real-life time), and I was finally able to get my amazing (albeit very basic) popup up and running.

In the future, I plan to actually make the “Make a new Sticky” button work, and to add satisfying animations when placing, moving, and removing sticky notes!