Mobile Story Slider

The Mobile Story Slider is an innovative feature designed for the order pages on mobile, inspired by the engaging nature of Instagram Stories. It offers users a unique, interactive introduction to our site, allowing both manual and automatic swiping through slides that vanish after completion, transitioning to the main content. Developed using ChatGPT as part of The Motley Fool's initiative to integrate AI into our user experience, this feature captivates and engages mobile users from their first interaction.

Leveraging ChatGPT, I expedited the development of this project, particularly in crafting the intricate JavaScript functions that form the heart of this interactive feature. ChatGPT was instrumental in structuring the initial HTML/CSS, since I'm most comfortable with building my own HTML/CSS, but its most significant contribution was in streamlining the creation of complex JavaScript logic, saving considerable development time. Through iterative dialogues with ChatGPT, I meticulously refined the code, ensuring every detail, including accessibility, was thoroughly addressed to enhance user engagement and interaction on mobile order pages.

This example is a very short page, but most of the time, I have to build order pages that are around 5000 words long. To expedite the process, I take all the copy and run it through an HTML converter, then clean up the code in Visual Studio Code while adding my personal touch to make it look perfect for our members. I frequently collaborate with tech teams but never need assistance with HTML/CSS/JS, as I can confidently handle that on my own.