📖 Choose-Your-Own-Adventure

This is an adventure story I built, with each version adding new features and improvements. Below are the details of each version with links to explore them.

Version 1

For this version I wasn't really working on the story. I just wanted to come up with an array that would hold all the story data. This version just has a few story points to show that it works.

Features:
  • Array to hold story points
  • Simple navigation
Explore v1 →

Version 2

I created a story with AI about an explorer trying to escape from a Egyptian pyramid. The story does not have images. This was my chat with Claude.

Features:
  • AI generated story
  • CSS improvements
  • Updated layout
Explore v2 →

Version 3

For this version I created images with Bing Image Creator to go with the story. There were over 20 images to create, so I had some AI help writing the prompts.

Features:
  • AI generated images
  • Extra fields in the array
Explore v3 →

Version 4

This version was about making it look nice and giving it that black and gold Egyptian theme. I used AI chat to help with the CSS, like create popups, find fonts and colors, add glow effects, etc.

Features:
  • AI assisted CSS
  • Egyptian theme
  • Moved CSS to separate file
Explore v4 →

Version 5

This version looks the same, but all the story data has been moved from a PHP array to a MySQL database. The data is now in two tables: storypoints and choices.

Features:
  • MySQL database
  • Database config files
Explore v5 →