In this codelab, you'll learn how to make an instagram-like app while also reviewing all of the amazing Womxn in STEM we covered during the program!

What you'll learn

• Use effects to change an image.
• Use broadcasting to communicate between sprites.
• Review conditional (if/else) blocks.
• Review variables.
• Practice changing sprite costumes..

Open the starter project and click Remix.

The womxn that we covered during CodeIt can loosely be categorized into three categories: entrepreneurs, researchers, and advocates. In your group, take a moment to talk about:

1. How would you define an entrepreneur, a researcher, or an advocate?
2. Take a look at the way we're sorted the womxn by clicking on the entrepreneur, researcher, or advocate sprite, and clicking the costumes tab. Do you agree with how we've classified them? Why or why not?
   
3. Are there womxn who you think would belong in multiple categories?.
4. Can you think of other womxn that we didn't talk about during CodeIt that would belong in one of these categories?.

First, we are going to program the color and reset functionalities.

Steps

1. Make the color sprite broadcast a "color" message.
   
2. Make the entrepreneur sprite change colors when it receives the message.
   
   
3. Make the reset sprite broadcast a reset message.
4. Make the entrepreneur sprite clear graphic effects when it receives the reset message.
   

Next, we are going to add the rest of the effects

Steps

1. Program the ghost, pixelate, mosaic, and fisheye sprites to broadcast messages.
2. Program the nature sprite to change ghost, pixelate, mosaic, and fisheye effects when it receives those messages.
3. Add one or more other effect buttons you want.
   Examples:
       
   
       

Now, we are going to keep track of the number of changes made to the image

Steps

1. Create a new variable. Have it start with a value of zero.
   
2. Each time a button is clicked, add one to your variable.
   
3. Reset the variable to zero everytime the reset button is clicked.

Now, we are going to add the ability to switch pictures

Switch between costumes

1. Program a button to switch between entrepreneur costumes when clicked.
   
2. Program the entrepreneur sprite to switch costumes when clicked.
   

Switch between image sprites

1. Program the category buttons to switch between image sprites. Hint: When the researcher button is clicked, should the entrepreneur sprite be showing or hidden?
   
   
   
   
2. Add code to the "researcher" and "advocate" sprites to change their graphic effects.
   Tip: Drag the code from the entrepreneur sprite to the researcher or advocate sprite.