VHS Story

VHS Story is an interactive story generator where the user becomes the protagonist, making decisions that affect the course of the plot and change their appearance based on scenarios and events, powered by Cloudinary's technology. This project was one of the top 10 finalists in the Cloudinary hackathon out of over 140 participants.

Published on October 23, 2024

Views
100 views
Reading time:
Reading time: 3 min
VHS Story

##VHS Story: Finalist Project at the Cloudinary Hackathon

##Project Description

VHS Story is an interactive story generator that turns the user into the protagonist of the narrative, delivering an immersive and personalized experience. Using Cloudinary technology, users can upload their photo and make decisions throughout a story that influence how events unfold and how they appear within the tale. Every choice the user makes affects the visual and narrative outcome, providing a personalized avatar experience that transforms according to the plot.

##Project Goals

  1. Create an Interactive User Experience: Build an application where users don't just watch, but actively participate in the story's development, making critical decisions that impact the outcome.
  2. Implement Dynamic Visual Personalization: Use Cloudinary technology to dynamically change the user's avatar appearance based on their decisions and the context of each scene.
  3. Earn Recognition at the Cloudinary Hackathon: Enter the hackathon with an innovative idea that stands out for its originality, ultimately ranking among the top 10 finalist projects out of over 140 participants.

##Technologies Used

  • Cloudinary: The key platform for dynamic image handling, enabling real-time effects and transformations.
  • React and Next.js: Tools used to build the interface and manage the interactive story logic.
  • Artificial Intelligence (AI): Used for automatic image manipulation, making the user's avatar change according to the narrative.

##Design and User Experience

The VHS Story interface features a retro aesthetic inspired by VHS tapes, evoking the nostalgia of classic visual storytelling. The UI is carefully designed to immerse the user in a retro video game experience, with visual elements reminiscent of 80s and 90s movies. Additionally, each story lets the user watch their avatar change as they progress through the narrative, creating a visually captivating and engaging experience.

##Results and Recognition

This project was selected as one of the top 10 finalists at the Cloudinary CloudCreate: Spooky AI Hackathon, standing out for its innovative approach to story personalization and its creative use of Cloudinary technology. The ability to visually adapt the protagonist based on the story's development was a key factor in its success, delivering a unique and memorable user experience.

##Conclusion

VHS Story is an innovative example of how AI technology and Cloudinary can be combined to create interactive and personalized user experiences. This story generator has proven to be an eye-catching and successful project that continues to inspire future ideas in the fields of interactive design and frontend development.

Link to the project: VHS Story