St. Hubert staff aren't just great in the classroom — they build things too. This site is a showcase of online games, tools, and interactive experiments created by our staff for students, families, and the wider community.
AI has completely changed how web development happens. What used to take months to code by hand is now done in a few minutes. The only limit is your imagination when it comes to describing what you want.
I've been using Claude.ai but CoPilot (Microsoft) or ChatGPT do very similar things. Put in a description of what you'd like your website to do and how it should look. For the puzzle site below, this is the prompt I started with:
"New project. I want to make a puzzle site like this one: https://www.allstarpuzzles.com/picture/07441H.html I want to be able to upload my own photo, slice it and mix it up, and then swap pieces until it's sorted back into the original photo."
A bunch of back-and-forth is expected until you get things working and looking how you'd like. Then, you need to make your site accessible to the world. I've been using SublimeText as a code editor. Copy-and-paste the HTML from the AI agent and save it as 'index.html' somewhere you'll be able to find it. Then, I've been using CoreFTP to upload files to my shared hosting account. I've set everyone up with a sub-folder if you're interested.
Host: ftp.sthubertprojects.com
Username: Your lastname@sthubertprojects.com
Password: St.Hubert
You can also use a hosting service like netlify.com or purchase your own domain name. If you're wanting to host a domain, let me know. I have an ancient shared hosting plan with unlimited addon accounts.
