video1.0<iframe src="https://www.loom.com/embed/3902f3fff78a4a50815898886069c9c0" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/sessions/thumbnails/3902f3fff78a4a50815898886069c9c0-74df4b4daa559521.gif11564.821The workshop led by Mora Ojomo introduced AI concepts and focused on writing improved prompts to generate websites and images using ChatGPT, then deploying sites via Netlify or Lovable. Participants practiced creating and refining starter prompts (using a provided workbook), generated images, and used ChatGPT outputs as input for Lovable/Netlify to build live sites. The session included hands-on site building, troubleshooting copy/paste and account issues, and instructions to share final site links in the WhatsApp group. ### What ai is and how it helps 7:05 - Mora defines AI as artificial intelligence and gives examples of uses (teachers creating slides, homework help, YouTube recommendations, Canva, games). - Emphasized that AI is a helper that requires user ideas and can make mistakes, so outputs must be checked. - Participants gave examples of AI they've seen (Gemini, YouTube recommendations, games). ### Chatgpt access and capabilities 10:01 - Mora asks who has ChatGPT accounts and explains benefits of logging in (preserve chats) and recommending Google login for convenience. - Mora lists ChatGPT capabilities: chat, voice, image generation. - Participants report account issues (under-13 restrictions) and Mora advises using a parent or older sibling account if needed. ### Demonstration of prompt quality impact 11:31 - Mora demonstrates two prompts: a vague "make me a website" and an improved, detailed prompt; the improved prompt produced usable code and a publishable site while the vague one returned a PDF link. - Key lesson: providing useful details (look/feel, user reaction) yields better AI outputs. - Mora assigns participants a 10-minute task to write their own website prompt and references a workbook available in the WhatsApp group for guidance. ### Break and follow-up on prompt task 13:12 - Participants are given time (initially 10 minutes then extended) to draft prompts; Mora and Padebi reiterate workbook availability in WhatsApp. - Several participants report difficulties with account login or finishing prompts; Mora explains under-13 account restrictions and encourages parental help. - The group plans to reconvene to continue prompt and site-building work after the break. ### Image generation demonstration 23:23 - Mora solicits image ideas and, using participant suggestions, demonstrates generating an image with ChatGPT (example: unicorn eating an apple). - Shows iterative prompting: first a realistic image, then requests to make it a cartoon, specify colors (pink unicorn, blue apple) and obtains a cartoon result. - Reinforces the point that more detailed prompts produce outputs closer to the user's intent. ### Participants share starter prompts after break 39:38 - Participants read their starter prompts aloud (examples: Aisha — navy blue/white site focused on women's clothing; Jedidiah — colorful unicorn-themed site with a quiz; Faith — site for secondary school practice; Hope — playful baking site called 'Whisk and Wonder'; Mitchelle — Mary's Animals Pet Shop). - Mitchelle successfully shares a screen preview of a generated site; Mora encourages participants to share final site links in the WhatsApp group. - Discussion confirms prompts produced site drafts and visuals; Mora affirms that ChatGPT is used to generate prompts and code while other platforms publish the site. ### Workbook guidance and required site details 43:44 - Mora walks through workbook content: five questions to shape a site (site name, colors, content, purpose, desired user feeling) and a special feature field. - Instructs participants to paste a starter prompt into the improvement prompt inside ChatGPT; ChatGPT will ask the five questions and return a detailed prompt/code. - Mora explains that the detailed ChatGPT output should be copied and pasted into Netlify or Lovable to generate the site; workbook templates and prompt improvements are posted to chat/WhatsApp. ### Netlify and lovable setup and deployment workflow 50:28 - Mora explains two deployment platforms: Netlify (more credits, auto-publishes) and Lovable (simpler, fewer daily credits, manual publish). - Demonstrates Netlify account setup questions (name, project type, company, experience) and notes initial free credits (~400) and differences with Lovable (5 daily credits). - Workflow summary: use improvement prompt in ChatGPT → answer five questions → copy the final detailed prompt/code → paste into Lovable or Netlify → wait for site generation → edit and publish (Netlify may auto-publish; Lovable requires pressing publish). ### Hands-on building, troubleshooting, and publishing 01:11:26 - Participants build sites and report status: some have successful Netlify/Lovable sites while others struggle with copying/pasting, account access, or missing workbook files. - Mora provides troubleshooting steps: use copy buttons in ChatGPT, use Ctrl-C/Ctrl-V for copy/paste (advice for different keyboards), ask parents for help with account permissions, and use the WhatsApp-posted prompts if workbook access is missing. - Demonstrations show how to edit generated sites, publish in Lovable (press publish and continue), and obtain live links to share in WhatsApp; participants share screens to confirm live sites and Mora requests links for group viewing. ### Screen sharing and chatgpt copying issues 01:43:39 - Multiple attempts by Eliana to share screen and copy content from ChatGPT; page was loading and responses were still generating. - Mora and Padebi guided Eliana to wait for ChatGPT to finish, press the blue stop button, and use the copy button in the chat. - Troubleshooting identified as possibly slow internet for Eliana; instructors asked Eliana to paste copied content into Lovable when ready. - Instructor asked if others had questions before moving on. ### Publishing websites and sharing links 01:46:05 - Faith asked about publishing a finished website and whether it becomes public; Mora confirmed published sites are accessible to anyone with internet access. - Mora explained the publish flow: press publish, find 'add custom domain' area or copy URL button, copy the URL and paste it into WhatsApp or Zoom chat for access. - Several students (Hope, Tamilore, others) were instructed how to publish and copy the visit site link; Mora repeatedly guided students to press publish and copy the link to chat. - Mora encouraged students to share links in both meeting chat and WhatsApp for feedback; instructors offered to help individuals who still had issues. ### Screen sharing mechanics and publishing walkthroughs 01:50:59 - Hope, Tamilore, and others received step-by-step instructions on using Zoom share screen, selecting the correct screen/window, and using the publish button. - Mora directed students to click preview then share, wait for publishing (30–60 seconds), copy link, and click visit site to confirm. - Multiple students had difficulties with buttons (preview/share/publish) and were walked through locating the purple share button and the arrow option. - Mora recommended asking a parent for local assistance when copy/paste into chat or Zoom controls could not be completed remotely. ### Individual help for eliana and building prompts 02:02:52 - Mora set up individual support for Eliana to refine a pet-themed interactive website prompt; instructed Eliana to use the microphone button and tell ChatGPT the website requirements. - Eliana requested a prompt that supports younger and older children, requires no logins, is interactive, and can ask one question at a time; Mora validated the prompt and prepared an alternative tool link for continued work. - Mora advised not to open new ChatGPT chats and offered DeepSea as a free alternative for continuing the prompt-based workflow. - Instructors paused Eliana's screen sharing to protect login details and prepared a breakout room for focused follow-up. ### Ai tool alternatives and login troubleshooting 02:07:23 - Students encountered login/code verification issues with alternative AI tools; Mora suggested using Google Gemini or Copilot which some students already had available. - Padebi noted ChatGPT account limits and recommended DeepSea as an AI alternative when ChatGPT is out of credit. - Mora planned a breakout room for one-on-one assistance while explaining that all AI assistants (ChatGPT, DeepSea, Copilot, Gemini) can achieve similar prompt outcomes. - Students were instructed to avoid sharing sensitive login details while troubleshooting. ### Introducing flyer design with canva ai 02:18:28 - Mora introduced the next activity: designing a flyer using Canva AI and shared a structured prompt to paste into Canva AI. - Required flyer inputs: website name/topic, two to three colors, a headline (largest text), an image idea or illustration, and a CTA (call to action). - Mora demonstrated a sample (cupcakes topic, purple and pink colors, headline 'buy cupcakes now', image idea) and sent the Canva prompt to the chat for students to use. - Mora explained CTA examples and how the flyer prompt maps to Canva AI generation and subsequent edits. ### Canva account access and copy-paste troubleshooting 02:25:24 - Several students reported differences in their Canva interface and issues signing in; Mora clarified that logging in (email/Google) is required for full access and recommended stopping screen share when signing in to protect credentials. - Students struggled to paste the chat prompt into the Canva AI input; Mora instructed using the left toolbar Canva AI option and Ctrl+V to paste. - Troubleshooting steps included reloading the page, closing unnecessary tabs, recopying the prompt, and asking parents for local help if needed. - Mora allowed five minutes for students to create flyers and planned to regroup to show results. ### Ai safety guidance and show-and-tell setup 02:42:32 - Mora provided AI safety guidance: do not share personal information with AI, verify AI outputs for accuracy, report unsafe experiences to an adult, and use platform report functions when needed. - Instructor emphasized telling an adult before creating accounts or publishing and being kind, respectful, and age-appropriate when using AI. - Mora transitioned to a show-and-tell segment where students were invited to present websites and flyers they had created. ### Student presentations and session wrap-up 02:44:27 - Multiple students shared designs and websites: Hope presented a bakery-themed flyer and a website with recipes, tips, and challenges; Jedidiah showed a colorful poster and a unicorn website with activities and a quiz. - Faith demonstrated posters and a study app/website for secondary school practice; Ayodeji showcased a gaming/YouTube-linked website with working links. - Mora praised students' work, confirmed class ended over time, and said certificates with names would be sent to participants. - Session closed with Mora thanking participants and allowing unmute before sign-off.