{"id":24,"date":"2026-09-25T00:37:56","date_gmt":"2026-09-25T00:37:56","guid":{"rendered":"https:\/\/nmi.cool\/ai\/?page_id=24"},"modified":"2026-09-28T05:37:26","modified_gmt":"2026-09-28T05:37:26","slug":"06-make-it-yours","status":"publish","type":"page","link":"https:\/\/nmi.cool\/ai\/06-make-it-yours\/","title":{"rendered":"06 Make it yours"},"content":{"rendered":"<div style=\"font-family:Arial,sans-serif;font-size:18px;line-height:1.8;color:#000000\"><p style=\"font-size:12px;letter-spacing:1.5px;color:#434343\"><strong>LESSON 06 \/ 15 MINUTES<\/strong><\/p><p>You started with an idea and a blank folder. Now you have a working first version, some test results, and a few decisions that are yours. Let\u2019s make sure you can carry that process into the next project.<\/p><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">1. Give someone the two-minute tour<\/h2><p>Show a classmate your planner, or talk through it yourself. Add a task, change the time filter, and mark something complete. Explain who you made it for and why you changed one part of the first version.<\/p><p>Then answer this without asking Codex to write your response: <strong>How does your planner choose the next task?<\/strong> If you\u2019re not sure, return to the explanation in Lesson 4, check the behavior, and try again in your own words.<\/p><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">2. Keep a small record of the work<\/h2><p>If your instructor gave you submission directions, follow those. Otherwise, use this as a completion checklist for yourself:<\/p><ul><li><strong>The project:<\/strong> your final index.html file, plus any other files if you expanded beyond the shared activity.<\/li><li><strong>Before + after:<\/strong> the first-version screenshot from Lesson 4 and the improved-version screenshot from Lesson 5.<\/li><li><strong>Your direction:<\/strong> the initial brief and one follow-up prompt that improved the result.<\/li><li><strong>Your checks:<\/strong> at least three test results, including what you actually tried and what happened.<\/li><li><strong>Your explanation:<\/strong> a short reflection in your own words.<\/li><\/ul><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>WHICH TWO SCREENSHOTS?<\/strong><\/p><p><strong>Before:<\/strong> Use the screenshot of your first planner version from Lesson 4. If you missed it, open the <strong>index-before-changes.html<\/strong> backup from Lesson 5 and capture that earlier version. Add a one-sentence caption saying what was confusing, missing, or broken.<\/p><p><strong>After:<\/strong> Use the screenshot you took after your improvement in Lesson 5. Show the same part of the planner, ideally at the same window size and with the same sample task. Add a one-sentence caption saying what changed and what happened when you tested it.<\/p><\/div><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>REFLECTION \/ ABOUT 150\u2013250 WORDS<\/strong><\/p><p>What did you want to make, and for whom? What did Codex do well? What did you have to correct or clarify? Describe one test you ran yourself: what did you click or enter, what did you expect, and what happened? Then explain one rule your app uses, such as how it picks the recommended task. What would you change next?<\/p><p>Be specific. \u201cAI helped a lot\u201d doesn\u2019t tell us much. \u201cThe filter included completed tasks, so I asked Codex to exclude them and retested with a 20-minute task\u201d tells us what you learned.<\/p><\/div><p>A clear account of your process matters more than pretending the first attempt was perfect. Acknowledge Codex\u2019s role and any other sources, code, or assets you used. Your instructor\u2019s disclosure requirements take priority.<\/p><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">3. Know what you\u2019re sharing<\/h2><p>Sending the project file is different from publishing a website. For this module, a local file and screenshots are enough unless your instructor says otherwise. If you later publish, remove personal information, check any asset licenses, and follow your course\u2019s hosting instructions. Don\u2019t publish account keys or private data.<\/p><h2 style=\"color:#7D12FF;font-family:Arial,sans-serif\">Before you call it done<\/h2><details><summary>Codex says every test passed. Do you still need to open the app?<\/summary><p>Yes. Ask which tests it ran, but also try the important interactions yourself. Automated checks and a person using the app can catch different problems.<\/p><\/details><details><summary>You want a major redesign. What should you do first?<\/summary><p>Save a working copy or commit your changes. Then describe the redesign and the behavior that should stay the same. Test again afterward.<\/p><\/details><details><summary>You\u2019re stuck. What belongs in the next prompt?<\/summary><p>The steps you took, the actual result, the expected result, and the relevant error or screenshot. Keep the request focused enough that you can verify the answer.<\/p><\/details><div style=\"background-color:#f6f0ff;border-left:4px solid #7D12FF;padding:22px;margin:28px 0\"><p style=\"font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#7D12FF\"><strong>BEFORE YOU MOVE ON<\/strong><\/p><p>You can describe, build, try, and revise with Codex. You also know when to slow down and check. That\u2019s the skill you\u2019ll take into the next project. Now, go make something you actually want to use.<\/p><\/div><hr><p style=\"font-family:Arial,sans-serif;font-size:16px\"><a style=\"color:#2727E6\" href=\"https:\/\/nmi.cool\/ai\/05-make-it-better\/\">\u2190 Make it better<\/a> \u00b7 <a style=\"color:#2727E6\" href=\"https:\/\/nmi.cool\/ai\/getting-started-with-codex\/\">Workbook home<\/a> \u00b7 <a style=\"color:#2727E6\" href=\"https:\/\/nmi.cool\/ai\/help-and-resources\/\">Help + resources \u2192<\/a><\/p><\/div>","protected":false},"excerpt":{"rendered":"<p>LESSON 06 \/ 15 MINUTES You started with an idea and a blank folder. Now you have a working first version, some test results, and a few decisions that are yours. Let\u2019s make sure you can carry that process into the next project. 1. Give someone the two-minute tour Show a classmate your planner, or &hellip; <a href=\"https:\/\/nmi.cool\/ai\/06-make-it-yours\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">06 Make it yours<\/span><\/a><\/p>\n","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":4,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/pages\/24\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/ai\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}