Build a Career-to-Class Connection Portal for Sixth-Grade Students
I built Future Quest to help sixth-grade students connect their career interests to the classes they are taking, especially the subjects they will encounter in sixth grade. Here's the prompt I used: > "Build me an interactive website portal for students to enter what they want to do when they grow up, or what they are interested in now, and what they are learning that they are not so interested in. Based on their entry/input choices make connections between what they are learning in school, especially what they will be learning in 6th grade, and how it's important to learn for their future based on what they want to do. Provide a link to a follow up site to show students images, website links, videos of their chosen profession or job or career ideas to get them excited about it drawing connections so how what they are learning in school will help them get there one day. This is for 6th grade students. Make it a single web page, mobile-friendly, in my brand colors that generates career pages for students created on the fly based on their input responses. Then give me the file so I can share or host it. > > Ask me some questions to make sure I get the best output possible." I used Claude Code and was amazed that it generated a one-page HTML file that creates a follow-up page for students based on their career choices. The page includes information about their chosen career and connections to the classes they are taking, helping them see how their current education can support the work they may want to do in the future. I created the site with a Star Trek theme based on my sixth-grade Math and Science classes: https://educatoral.com/equinox-future-quest.html It took about 25 minutes in total and about 9,000 tokens. Step-by-step: 1. I wrote a prompt describing an interactive, mobile-friendly, single-page portal for sixth-grade students. 2. I asked the portal to collect students' career interests, current interests, and subjects they are less interested in. 3. I asked it to connect students' school learning—especially sixth-grade classes—to their future career interests. 4. I asked it to provide images, website links, and videos about students' chosen professions, jobs, or career ideas. 5. I asked Claude Code to generate the page in my brand colors and provide a file I could share or host. 6. I used Claude Code to generate a one-page HTML file that creates career pages dynamically from students' responses. 7. I created the site with a Star Trek theme based on my sixth-grade Math and Science classes and shared it at https://educatoral.com/equinox-future-quest.html.
0 comments