Project 04: Shaky Picky

:rocket: Project Time!

Time needed: 45-60 minutes

Please watch this video to see how this app works.

What You'll Build

Get ready to create the Shaky Picky app - your personal decision maker! Can't decide what to eat for lunch? Not sure which game to play? Just add your choices to the list and shake your phone to let the app pick for you! It's like having a magic 8-ball that actually gives you real answers!

Project Goals

By the end of this project, you'll be able to:

• Build an app that responds to phone shaking
• Save and manage lists of choices
• Use the Accelerometer Sensor to detect movement
• Create a database to remember your choices
• Make your phone speak the results out loud!

Inspiration Gallery

Here are some fun ways kids have used Shaky Picky:

• Lunch Decider: Add all your favorite foods and let the app pick today's meal!
• Game Selector: Can't choose which game to play? Add them all and shake!
• Movie Night: Let the app pick which movie to watch with friends
• Chore Picker: Make choosing chores more fun (yes, really!)
• Team Captain: Fairly choose who goes first in games

What Your App Will Look Like

Starting Screen

The sample UI of the app and components that you will be using to make the app:

Sample UI	Components You'll Need
	Layout Components: • Vertical Arrangement • Horizontal Arrangement Visible Components: • Labels • Image • List Picker • Text Box • Button Non-visible Components: • Accelerometer Sensor • TinyDB • Notifier • Text-to-Speech

Your App in Action!

Here's what Shaky Picky looks like after users saved some items into the list and after they shook their phones:

After users saved some items in the list	After users shook their phones

:bulb: Pro Tip: This app needs only 1 screen - keep it simple!

---

Let's Build It! Programming Instructions

Ready to make some magic happen? Let's program your Shaky Picky app step by step!

Step One: Create Your List Storage :memo:

First, we need a place to store all the choices users will add. Think of it like creating an invisible basket to hold everything!

Make a global variable (name it as myList), and create an empty list.

:dart: Quick Hint: You only need 2 blocks for this!

:emoji: Stuck? Look for the "initialize global" block and the "create empty list" block!

Step 2: Make the Save Button Work :emoji:

Time to bring the Save button to life! This is where users will add their choices to the list.

Program what happens when the Save button is clicked:

Check if the textbox is empty:

• Show the message: "No input is detected"
• This helps users know they need to type something!

If the textbox has text:

• Add the item to your list
• Save the list to the database (so it remembers even after closing!)
• Clear the textbox (ready for the next item)

:dart: Super Smart Tip: Make your app extra clever! Program it to ignore spaces, so if someone accidentally types just spaces, it knows the box is still empty!

:emoji: Stuck? Use the "trim" block to remove extra spaces!

Step 3: Remember Everything When App Opens :rocket:

Your app should have a great memory! When users open the app, it should remember all their saved choices from before.

Program your app to:

1. Load the saved list from TinyDB into your myList variable
2. Show all the items in the list picker so users can see them

:dart: Why this matters: Imagine adding 10 favorite foods, closing the app, and losing them all! That would be sad. TinyDB is like your app's memory bank!

Step 4: Ask Before Deleting (Safety First!) :emoji:️

Nobody likes accidentally deleting their favorite choice! Let's add a confirmation message to keep things safe.

Here's how it works:

1. User clicks the View / Delete Items button (the list picker opens automatically - no coding needed!)
2. User selects an item they want to delete
3. Your app asks: "Are you sure?" before actually deleting it

Program the app to show this confirmation AFTER the users pick an item from the list picker:

Make it personal! The message changes based on what they selected:

• If they pick "sushi" -> "Are you sure you want to delete sushi?"
• If they pick "nasi lemak" -> "Are you sure you want to delete nasi lemak?"

:dart: Coding Tip: Use the block to combine "Are you sure you want to delete " with the selected item!

:emoji: Stuck? The join block lets you stick text together like: "Are you sure..." + selected item + "?"

Step 5: Actually Delete the Item :emoji:️

Now let's make the delete button actually work! Program what happens AFTER users choose "Yes" from the confirmation box.

Your app should:

1. Remove the selected item from the list
2. Save the updated list to the database
3. Tell the user it worked: "_____ has been deleted from the list"

:bulb: Good News: If they choose "No", the app automatically closes the dialog - no extra coding needed!

:dart: Make it friendly: Instead of just deleting silently, telling users "Pizza has been deleted" confirms their action worked!

Step 6: The Magic Shake! :emoji:

This is the most exciting part - making your phone respond to shaking! The Accelerometer Sensor will detect when someone shakes their phone.

Program what happens when the user shakes their phone:

If the list is empty:

• Show message: "Nothing is in the list"
• (Can't pick from an empty basket!)

If the list has items:

• Pick a random item from the list
• Display it in the result label (the ?? label)
• Make your phone speak it out loud! :emoji:

:dart: Cool Factor: The Text-to-Speech makes your app feel like it has a voice! Your friends will be amazed when the phone actually tells them what was picked!

:emoji: Stuck? Use the "pick random item from list" block to get a random choice!

---

:tada: Congratulations! You Did It!

You've just built an amazing decision-making app! Your Shaky Picky can:

• Save lists of choices
• Remember them even after closing
• Delete items safely
• Pick random choices by shaking
• Even speak the results!

Show Off Your Work! :star2:

Now it's time to make your Shaky Picky unique:

• Add fun images for different categories (food, games, activities)
• Change the colors to match your style
• Create themed lists like "Weekend Activities" or "Snack Time"
• Share with friends and let them add their favorite choices!

---

:rocket: Level Up: Advanced Shaky Picky Challenge!

Ready for an extra challenge? Watch this video to see the super-powered version of Shaky Picky!

Advanced Features Preview

New Super Powers to Add:

1. "Clear All" Button :emoji:️

   • Deletes everything in the list at once
   • Great for starting fresh with new choices!

2. No Repeats Mode :dart:

   • After shaking, temporarily remove the picked item
   • Keep shaking to get different choices each time
   • No more getting "pizza" three times in a row!

3. Magic Reset :sparkles:

   • Even after all items are picked, bring them all back
   • Like shuffling a deck of cards - use them all, then start over!

:trophy: Challenge Accepted? These features will make your app even more awesome! Try adding one at a time and test as you go.

---

:star2: You're a Mobile App Developer Now!

Amazing work! You've created a real, working mobile app that:

• Uses sensors (accelerometer)
• Saves data (TinyDB)
• Speaks to users (Text-to-Speech)
• Makes decisions fun!

What's Next?

• Show your app to family and friends
• Think of new ways to use random selection in apps
• Maybe create a "Wheel of Fortune" style game next?

Keep coding and keep creating! :rocket: