Create cool projects in Python to sharpen your coding skills. 

<h1>Welcome!</h1>
<p>Welcome to Create &amp; Learn Python Skill Builder! </p>
<p>Many students have told us that they want more practices while taking the <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=psbuilder#classes">Python for AI</a> course or after they have completed the course to continue to build up their skills. </p>
<p>This Python Skill Builder has been created exactly to help students accomplish that! The first phase includes a handful of projects for you to practice after the <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=psbuilder#python_0">Python Free Intro class</a> and <a href="https://www.create-learn.us/coding-for-kids/python#python_1">Python for AI Unit 1</a>. We will expand it over time. </p>
<p>If you have signed up for Python for AI 1-4, your class registration comes with 6 months of free access to Python Skill Builder. Just sign in to your account, the access will be enabled automatically. </p>
<p>As a new initiative, we would love to hear your feedback. Rate each project or email us directly at <a href="mailto:feedback@createandlearn.us">feedback@createandlearn.us</a>, so we can continue to add more fun projects for you.</p>


Welcome to Python Skill Builder

<p>Founded by a former Google Product Director and an early Uber engineer, Create &amp; Learn offers top quality live online computer science classes to K-12 students. With more than 40 courses, our curriculum was co-designed with experts from Google, Code.org, and more. and covers a rich set of topics such as coding, AI, robotics, digital design, and cloud computing.</p>
<p>We offer quality experiences that you can trust!</p>
<p>We&#39;re the only <a href="https://www.google.com/search?q=create+%26+learn+reviews">5 stars kids coding program</a> at scale based on Facebook ratings and have served over 100K students. We have won the <a href="https://engineerfortheweek.fb.com/impact/">Facebook (Meta) Engineer for the Week Impact award</a> three times and have been featured by prestigious education programs such as<a href="https://education.minecraft.net/en-us/blog/the-why-and-how-building-full-coding-curriculum-using-minecraft-"> Minecraft Education</a>, Roblox Education, and code.org. Because of our top quality, we are also partners of Stride, Bright Horizons, and Meta.</p>
<p>Check out this video to learn more about our philosophy and what our live virtual classes look like.</p>


About Create & Learn

<h3>How to use the Python Skill Builder</h3>
<p>Each page has a new project for you to code and the project maps to one of our Python for AI sessions. You will see a Trinket Window on the right hand side of the screen. You can code directly in that window just like how you do it on the <a href="https://trinket.io/">Trinket.io</a> web site. </p>
<p>As shown in the gif below, type your code in the window, click play ▶ button to run, click the pen icon to edit the code. Click on the right arrow on the top right to sign in to Trinket website, if not already, so you can save your project.</p>


<h3>AI Coach</h3>
<p>You will be learning together with an AI Coach powered by ChatGPT (!), like the one shown in this image.</p>


<p>We have divided each project into several steps. For each step, try to code it yourself. If you are not sure how to do it, or run into a bug, you may click <strong>Ask a Question</strong> button  and then type your question in the chat window. Once you finished the step, click <strong>Yes, I got it</strong> to move on to the next step. </p>
<p>That&#39;s it! Are you ready to get started?</p>
<p>Click the <strong>Next</strong> button to go to the first project.</p>


Getting Started

<p>Are you new to Python? Have you learned basics of Python syntax and Python Turtle? If not, join our <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=skillbuilder">free live  online Python intro</a> class with one of our awesome teachers, or start learning right away by going over the <a href="https://www.create-learn.us/quickstart/python/1?utm_source=site&utm_campaign=skillbuilder">Python Intro Tutorial together with an AI Learning Coach</a>. The live online class and AI guided tutorial covers similar content. </p>
<p>The next two projects under this section assume you know what we cover in the<a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=skillbuilder#python_0"> Free Python Intro class</a>, i.e. basics of Python and Python Turtle syntax. </p>
<p>Give them a try and have fun!</p>
<p>Want to learn more about Python? Join our <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=skillbuilder#classes">Python for AI</a> class to learn the essential elements of Python coding, with a focus on the aspects of Python that are most relevant to Artificial Intelligence. Our regular courses are all taught live online by experienced teachers with a small group of up to 5 students only. You will learn a lot, have fun, and create with code!</p>


Your First Python Projects

<h1>Rainbow Circle</h1>
<p>Draw a circle with multiple colors like the one below using what you learned from the <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=psbuilder#python_0">Python intro class</a>. Sign up to<a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=psbuilder#python_0"> join the Free Python Intro class</a>, If you haven&#39;t done it already, or review what we learned in class by going over this <a href="https://www.create-learn.us/quickstart/python/1?pageId=1">self-guided tutorial</a>.</p>


<h3>Step 1 - Draw one piece of arc using 1 color</h3>
<p><strong>Hint</strong>: consider using the following methods:</p>
<p> import turtle<br> turtle.color(&quot;color name&quot;)<br> turtle.circle(r, x)      # draw a arc with radius r and angle x</p>


<h3>Step 2 - Draw the remaining five arcs</h3>
<p>Change to a different color to draw each arc. You can find all the color supported by Python Turtle on this page <a href="link">https://trinket.io/docs/colors</a>.</p>


<h3>Step 3 - Adjust the thickness of the line</h3>
<p><strong>Hint</strong>: consider using the following method</p>
<p>turtle.pensize(x)</p>


<p>Here is one solution for drawing an arc:</p>


Python Intro - Rainbow

<h1>Ninja</h1>
<p>Draw a ninja stick figure like the one below.</p>


<h3>Step 1: Draw head and arms</h3>
<p>Consider using the following methods:</p>
<p>turtle.penup()<br>turtle.pendown()<br>turtle.goto(x,y)<br>turtle.circle(r)<br>turtle.forward(x)<br>turtle.left(x)<br>turtle.right(x)</p>
<p><strong>Hint</strong>: </p>
<ul>
<li>Remember you need to import turtle module first before using it.  </li>
<li>forward (-20) move turtle to the opposite direction of forward (20). This might be an easier way to move your turtle back to where it was than using goto().</li>
</ul>


<h3>Step 2: Draw body and legs</h3>
<p>The idea is very similar to above. Use goto(x, y) to move turtle to the right spot before drawing the body. You might need to consider moving the starting point of the whole stick figure up, if you need more space for legs at the bottom.</p>


<h3>Step 3: Adjust color and line thickness.</h3>
<p>Adjust your stick figure using turtle.pensize() and turtle.pencolor( ).</p>


<p>Here is a one solution as a reference.</p>


Python Intro - Ninja

<p>Projects in this section maps to <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=skillbuilder#python_1"><strong>Unit 1 of our Python for AI course</strong></a>. </p>
<p>Here are some of the key concepts we cover:</p>
<ul>
<li>Basic Python syntax</li>
<li>Data types</li>
<li>Conditional (if statement)</li>
<li>Logic and math operations</li>
<li>Loops </li>
<li>Functions</li>
<li>Built-in data structures</li>
</ul>
<p>Projects in this section assume you know the concepts above already. If you are new to Python, join our <a href="https://www.create-learn.us/coding-for-kids/python?utm_source=site&utm_campaign=skillbuilder#classes">Python for AI</a> class to learn the essential elements of Python coding. Our regular courses are all taught live online by experienced teachers with a small group of up to 5 students only. You will learn a lot and have fun!</p>


Python - Unit 1

<h1>Music Recommender</h1>
<p>Create a music recommender program that asks the user what mood they&#39;re in or what activity they&#39;re doing, such as studying, exercising, or relaxing. Suggest a song or genre of music based on their input.</p>


<h2>Step 1: Get the user&#39;s input</h2>
<p>✅ <strong>Do This:</strong> First, ask the user what activity they are doing right now -- studying, exercising, or relaxing.</p>
<p>💡<strong>Hint:</strong> You&#39;ll need to use the <code>input()</code> function to do this! Don&#39;t forget to save the user&#39;s answer into a variable.</p>
<br />

<details>
<summary><strong>I forgot what a variable is!</strong></summary>
<br />
Imagine you have a toy box. You can put different toys inside the box, take them out, and replace them with other toys. In the world of computer programming, a <strong>variable</strong> is like that toy box. It's a named container where you can store information, like numbers, words, or even lists of things. Just like how you label your toy box with a name ("My Toys"), in programming, you give your variable a name so you can find and use the information inside it later. And just as you can change the toys in your toy box, you can also change what's stored in a variable anytime you want!
</details>

<br />

<h2>Step 2: Make a recommendation if their answer matches the first choice</h2>
<p>Next, we need to check if the user selected our first option. For example, since our first option is <code>&quot;studying&quot;</code>, we want to check if the variable containing the user&#39;s response also contains <code>&quot;studying&quot;</code>.</p>
<p>✅ <strong>Do This:</strong> Write an <code>if</code> statement to check if the user&#39;s response is the same as your first option. If this is <code>True</code>, create a variable called <code>recommendation</code> and set it to the song or genre or music you want to recommend for that activity.</p>


<br />

<h2>Step 3: Make a recommendation if their answer matches the other choices</h2>
<p>Now, we need to check if the user one of our other options. For example, since one of our other options is <code>&quot;exercising&quot;</code>, we want to check if the variable containing the user&#39;s response also contains <code>&quot;exercising&quot;</code>.</p>
<p>✅ <strong>Do This:</strong> Write an <code>elif</code> statement to check if the user&#39;s response is the same as <code>&quot;exercising&quot;</code>. If this is <code>True</code>, create a variable called <code>recommendation</code> and set it to the song or genre or music you want to recommend for that activity.</p>
<p>✅ <strong>Do This:</strong> Write an <code>elif</code> statement to check if the user&#39;s response is the same as <code>&quot;relaxing&quot;</code>. If this is <code>True</code>, create a variable called <code>recommendation</code> and set it to the song or genre or music you want to recommend for that activity.</p>
<p>💡 <strong>Hint:</strong> You&#39;ll need to have separate <code>elif</code> statements for each additional activity. So if you have three activities you&#39;re checking for, you&#39;ll have an <code>if</code> statement for the first activity, and two <code>elif</code> statements for the other two activities.</p>


<br />

<h2>Step 4: Let the user know there is no recommendation if their activity doesn&#39;t match our options</h2>
<p>If the user&#39;s activity doesn&#39;t match any of our options, we want to let the user know that we don&#39;t have a recommendation for that activity. We can use an <code>else</code> statement to set our <code>recommendation</code> variable to an appropriate message if the user&#39;s activity doesn&#39;t match.</p>
<p>✅ <strong>Do This:</strong> Write an <code>else</code> statement that sets a variable called <code>recommendation</code> to <code>&quot;Sorry, I don&#39;t have a recommendation for that activity.&quot;</code></p>


<br />

<h2>Step 5: Show the result to the user</h2>
<p>Let&#39;s tell the user the result!</p>
<p>✅ <strong>Do This:</strong> Print a statement that contains the activity the user entered and the genre of music or song that you recommend for that activity. For example, <code>&quot;Since you are studying, I recommend listening to: classical music or lo-fi beats&quot;</code></p>
<p>💡 <strong>Hint:</strong> Use the <code>print()</code> function to print the result. Remember, you&#39;ll need to use the <code>+</code> operator to combine strings with variables.</p>


<br />

<h2>🌟 Here is one solution for this project.</h2>
<p>Use this as a reference to help you finish your code if you need it.</p>


Music Recommender

<h1>Monster Battle Arena</h1>
<p>Create a game that has the user choose a monster, like dragon, griffin, or unicorn, then have the computer select a random monster. Determine the winner of the game based on the following rules:</p>
<ul>
<li>Dragon beats Griffin</li>
<li>Griffin beats Unicorn</li>
<li>Unicorn beats Dragon</li>
</ul>


<h2>Step 1: Get the user&#39;s input</h2>
<p>✅ <strong>Do This:</strong> First, ask the user to choose which monster they want to play with -- Dragon, Griffin, or Unicorn.</p>
<p>💡 <strong>Hint:</strong> You&#39;ll need to use the <code>input()</code> function to do this! Don&#39;t forget to save the user&#39;s answer into a variable.</p>
<br />

<details>
<summary><strong>I forgot what a variable is!</strong></summary>
<br />
Imagine you have a toy box. You can put different toys inside the box, take them out, and replace them with other toys. In the world of computer programming, a <strong>variable</strong> is like that toy box. It's a named container where you can store information, like numbers, words, or even lists of things. Just like how you label your toy box with a name ("My Toys"), in programming, you give your variable a name so you can find and use the information inside it later. And just as you can change the toys in your toy box, you can also change what's stored in a variable anytime you want!
</details>

<br />

<h2>Step 2: Get a random monster for the computer</h2>
<p>Next, we need to get a random monster for the computer. We&#39;ll do this by generating a random number between 1 and 3. This way we can:</p>
<ul>
<li>Assign <code>&quot;Dragon&quot;</code> to the computer if the random number is <code>1</code></li>
<li>Assign <code>&quot;Griffin&quot;</code> to the computer if the random number is <code>2</code></li>
<li>Assign <code>&quot;Unicorn&quot;</code> to the computer if the random number is <code>3</code></li>
</ul>
<p>✅ <strong>Do This:</strong> Use <code>random.randint()</code> to generate a random number between 1 and 3, and store the result in a variable called <code>bot_choice</code>.</p>
<p>✅ <strong>Do This:</strong> Use <code>if/elif/else</code> to check the random number and assign a monster to bot.</p>
<ul>
<li>If <code>bot_choice</code> is <code>1</code>, create a variable called <code>bot</code> and set it to <code>&quot;Dragon&quot;</code>.</li>
<li>If <code>bot_choice</code> is <code>2</code>, create a variable called <code>bot</code> and set it to <code>&quot;Griffin&quot;</code>.</li>
<li>Otherwise, create a variable called <code>bot</code> and set it to <code>&quot;Unicorn&quot;</code>.</li>
</ul>
<p>💡 <strong>Hint:</strong> You&#39;ll need to import the <code>random</code> module as the first line of your program.</p>
<details>
<summary><strong>I forgot how to use the random module.</strong></summary>
<br />
Before you can use the <code>random</code> module, you need to tell Python that you want to use it in your program. This is called <strong>importing</strong> the module. Here's how you do it:
<br /><br />
<code>import random</code>
<br /><br />
Now, let's say you want Python to pick a random number between 1 and 10 for you. Here's how you would do it:
<br /><br />
<code>random_number = random.randint(1, 10)</code>
<br /><br />
This will make Python pick a number between 1 and 10 (including both 1 and 10) and store it in a variable called <code>random_number</code>. You can then print or use that number any way you like!
</details>

<br />

<h2>Step 3: Print the monsters for the user and the computer</h2>
<p>We need to let the user know what monsters have been chosen.</p>
<p>✅ <strong>Do This:</strong> Print the monster that the user chose and the monster that the computer has.</p>
<p>💡 <strong>Hint:</strong> Use the <code>print()</code> function to print the result. Remember, you&#39;ll need to use the <code>+</code> operator to combine strings with variables.</p>


<br />

<h2>Step 4: Determine the winner</h2>
<p>Now, let&#39;s check who won! Remember, the rules are:</p>
<ul>
<li>Dragon beats Griffin</li>
<li>Griffin beats Unicorn</li>
<li>Unicorn beats Dragon</li>
</ul>
<p>✅ <strong>Do This:</strong> Use <code>if/elif/else</code> to compare the user&#39;s monster with the bot&#39;s monster and print who won.</p>
<p>💡 <strong>Hint:</strong> You&#39;ll need to use <code>and</code> to check the user&#39;s monster and the bot&#39;s monster. For example, if we want to check if the user&#39;s monster is <code>&quot;Dragon&quot;</code> and the bot&#39;s monster is <code>&quot;Griffin&quot;</code>, then we would write:</p>
<pre><code>user == &quot;Dragon&quot; and bot == &quot;Griffin&quot;
</code></pre>
<p>Don&#39;t forget to check if there&#39;s a tie!</p>


<br />

<h2>Step 5: Let the user keep playing</h2>
<p>Finally, we want to let the user keep playing and choose another monster. We can do this using a <code>while</code> loop to repeat the game logic.</p>
<p>✅ <strong>Do This:</strong> Move your game code inside a <code>while</code> loop that infinitely repeats.</p>


Monster Battle Arena

<h1>Personalized Greeting Cards</h1>
<p>Create a program that lets users design their own virtual greeting card, with options for different occasions like birthdays and thank you notes. Users can choose the type of card, input a name or message, and see their customized card on the screen.</p>
<br />

<h2>Step 1: Explore the starter code</h2>
<p>✅ <strong>Do This:</strong> Take a look at the starter code provided. Notice how the <code>turtle</code> module is imported and a screen and turtle object are set up for you. The turtle screen is set up to be 400 pixels wide and 400 pixels tall, and the turtle object, named <code>pen</code>, is hidden from view since it won&#39;t be drawing all the time.</p>
<p>💡 <strong>Hint:</strong> Understanding the starter code is a crucial step, as it sets the foundation for your program. If you have questions about what a specific part of the code does, try asking the AI Coach 👇🏽</p>


<br />

<h2>Step 2: Draw the card</h2>
<p>✅ <strong>Do This:</strong> First, let&#39;s draw a white rectangle on the screen. This rectangle will act as the base of your greeting card.</p>
<ol>
<li>Move the <code>pen</code> to <code>(-150, -100)</code>.</li>
<li>Use <code>pen.fillcolor(&quot;white&quot;)</code> and <code>pen.begin_fill()</code> before drawing the card to set the color of the card to <code>&quot;white&quot;</code> (or a different color of your choice).</li>
<li>Use a <code>for</code> loop to perform the following steps twice:<ul>
<li>Move forward <code>300</code></li>
<li>Turn left <code>90</code></li>
<li>Move forward <code>200</code></li>
<li>Turn left <code>90</code></li>
</ul>
</li>
<li>Use <code>pen.end_fill()</code> to stop filling shapes with the color you set.</li>
</ol>
<p>💡 <strong>Hint:</strong> You can use the following functions to move the pen around and draw. Remember to also use <code>pen.penup()</code>  to move the pen without drawing.</p>
<ul>
<li><code>pen.goto(x, y)</code></li>
<li><code>pen.pendown()</code></li>
<li><code>pen.forward(distance)</code></li>
<li><code>pen.left(angle)</code></li>
</ul>
<p>✅ <strong>Do This:</strong> Now that you have drawn the card, move your code into a function called <code>drawcard()</code>. Outside of the function at the end of your program, call <code>drawcard()</code> to make sure everything still works.</p>


<br />

<h2>Step 3: Get user input for a birthday card</h2>
<p>Before we create our birthday card function, let&#39;s ask the user for some information that we&#39;ll need.</p>
<p><em><strong>Note:</strong></em> <em>You can comment out or remove the call to the <code>drawcard()</code> function that you have at the end of the program.</em></p>
<p>✅ <strong>Do This:</strong> First, let&#39;s start by letting the user know what the options are. Use <code>print()</code> to print the following:</p>
<pre><code>1. Birthday Card
2. Thank You Card
3. Exit
</code></pre>
<p>✅ <strong>Do This:</strong> Get the user&#39;s choice using <code>input()</code> and store it into a variable called <code>choice</code>.</p>
<p>✅ <strong>Do This:</strong> If the user selects option <code>1</code>, ask the user for the name for the birthday card.</p>
<p>💡 <strong>Hint:</strong> The <code>input()</code> function gets the user&#39;s response as a string. Keep this in mind when checking if the user&#39;s response is <code>1</code>!</p>


<br />

<h2>Step 4: Write the birthday card function</h2>
<p>✅ <strong>Do This:</strong> Create a function named <code>birthdaycard(name)</code> that draws a card and writes a birthday message on it. Make sure to include the person&#39;s name in the message.</p>
<ol>
<li>Start by clearing the screen using the provided <code>clearscreen()</code> function.</li>
<li>Call the <code>drawcard()</code> function to draw the base of the card.</li>
<li>Move the <code>pen</code> to <code>(0, 20)</code> and set the <code>pen.color(&quot;black&quot;)</code>.</li>
<li>Use <code>pen.write()</code> to write a birthday message on the card. For example:</li>
</ol>
<pre><code>pen.write(&quot;Happy Birthday &quot; + name + &quot;!&quot;, align=&quot;center&quot;, font=(&quot;Arial&quot;, 12, &quot;bold&quot;))
</code></pre>


<br />

<h2>Step 5: Show the birthday card</h2>
<p>✅ <strong>Do This:</strong> Add a call to the <code>birthdaycard()</code> function after you get the user&#39;s input with the name they provide.</p>


<br />

<h2>Step 6: Get user input for a thank you card</h2>
<p>Before we create our thank you card function, let&#39;s add some <code>elif</code> statements for the other options the user can select.</p>
<p>✅ <strong>Do This:</strong> Add an <code>elif</code> branch that checks if the user chose <code>&quot;2&quot;</code>. If they do:</p>
<ul>
<li>Prompt the user for a name to show on the thank you card and store it in a variable called <code>name</code>.</li>
<li>Prompt the user for the message to show on the thank you card and store it in a variable called <code>message</code>.</li>
</ul>
<p>✅ <strong>Do This:</strong> Add another <code>elif</code> branch that checks if the user chose <code>&quot;3&quot;</code>. If they do, print a goodbye message.</p>
<p>✅ <strong>Do This:</strong> Add an <code>else</code> branch that lets the user know they entered an invalid option.</p>


<br />

<h2>Step 7: Write the thank you card function</h2>
<p>✅ <strong>Do This:</strong> Create a function called <code>thankyoucard(name, message)</code> that draws a card and writes a thank you message on it. This message should include the person&#39;s name and a custom message.</p>
<ol>
<li>Start by clearing the screen using the provided <code>clearscreen()</code> function.</li>
<li>Call the <code>drawcard()</code> function to draw the base of the card.</li>
<li>Move the <code>pen</code> to <code>(0, 20)</code> and set the <code>pen.color(&quot;black&quot;)</code>.</li>
<li>Use <code>pen.write()</code> to write a message on the card thanking the person by name. For example:</li>
</ol>
<pre><code>pen.write(&quot;Thank you &quot; + name + &quot;!&quot;, align=&quot;center&quot;, font=(&quot;Arial&quot;, 12, &quot;bold&quot;))
</code></pre>
<ol start="5">
<li>Move then <code>pen</code> back to <code>(0, 20)</code> and set the <code>pen.color(&quot;black&quot;)</code>.</li>
<li>Use <code>pen.write()</code> to write the message provided by the user. For example:</li>
</ol>
<pre><code>pen.write(message, align=&quot;center&quot;, font=(&quot;Arial&quot;, 12))
</code></pre>


<br />

<h2>Step 8: Show the thank you card</h2>
<p>✅ <strong>Do This:</strong> If the user chose to create a thank you card, call the <code>thankyoucard()</code> function with the provided name and message to show the card.</p>


<br />

<h2>Step 9: Incorporate a loop for multiple cards</h2>
<p>✅ <strong>Do This:</strong> Wrap your code in a <code>while</code> loop to allow users to create multiple cards without restarting the program.</p>
<p>💡 <strong>Hint:</strong> You may want to add a <code>break</code> after saying goodbye to the user when they choose to exit so it exits the loop.</p>


<br />

<h2>(Optional) Step 10: Add extra features!</h2>
<p>✅ <strong>Do This:</strong> If you&#39;re feeling creative, try adding more card types, designs, or even animations!</p>
<p>💡 <strong>Hint:</strong> Explore the <code>turtle</code> module&#39;s documentation to find more drawing and animation features you can use.</p>
