TIP

Copy and paste this page into a Google Doc to answer questions.

Homework 4: Producing Widgets

• Find the top menu bar, and go to View > Coding
• Choose either ‘Add UL/TSX’ or ‘Add Code’ depending on what you plan to code

Activity 1: Coding a Search Bar

1. Open the MantisCoder.
2. Prompt it to create a search bar.
3. Paste the code in the respective locations.
4. Analyze your functioning search bar.

Answer these questions:

1. What prompt did you give to MantisCoder to generate your search bar?

2. Did the search bar work the way you expected? Why or why not?

3. If you wanted to improve your search bar, what’s one feature you’d add?

Activity 2: Creating Your Own Widget

1. Open the MantisCoder.
2. Prompt it to create a another feature.
3. Paste the code in the respective locations.

Paste a picture of your functioning widget here:

Answer these questions:

1. What feature did you implement and why?

2. What prompt did you give to MantisCoder to generate your search bar?

3. Did the feature work the way you expected? Why or why not? Make sure to:

   1. Analyze your mistakes
   2. Fix them
   3. Explain what you did differently.