GemStory AI

Where your ideas become stories

Comment

GemStory 💎AI

Inspiration

GemStory AI was inspired by our love for storytelling and our desire to make creativity more accessible using artificial intelligence. As beginner developers, we wanted to create a tool that helps people turn simple ideas into engaging stories without needing advanced writing skills.

The theme Hacks for Hackers motivated us to build something that empowers creators to do more in less time. GemStory AI helps hackers, writers, and gamers quickly generate story ideas, lore, and creative content.

What it does

GemStory AI is a web application that generates creative stories using AI.
Users can choose a genre, define a main character, and instantly generate a story. They can also continue the story with a single click, allowing ideas to grow naturally.

It is designed to be simple, fast, and beginner-friendly.

How we built it

We built GemStory AI as a full-stack web application:

  • Frontend:

    • HTML for structure
    • CSS for a clean and friendly UI
    • JavaScript to handle user input and API requests

  • Backend:

    • Python with Flask to create a REST API
    • Flask-CORS to connect frontend and backend

  • AI:

    • Google Gemini API using the gemini-2.5-flash model for fast text generation

The frontend sends user input to the backend, which builds a prompt and sends it to Gemini. The AI-generated story is then returned and displayed to the user.

Challenges we ran into

We faced several challenges during development:

  • Learning how to properly use the new Gemini API SDK
  • Handling CORS issues between frontend and backend
  • Managing API keys and usage limits
  • Debugging JavaScript and Python errors as beginners
  • Structuring a complete project in a short hackathon timeframe

Each challenge helped us improve our debugging and problem-solving skills.

Accomplishments that we're proud of

  • Successfully building a full-stack AI-powered app as beginners
  • Integrating a real AI model into a working web application
  • Creating a clean and intuitive user interface
  • Overcoming technical issues and finishing the project on time
  • Learning to collaborate effectively as a team during a hackathon

What we learned

Through this project, we learned:

  • How AI APIs work in real-world applications
  • How frontend and backend communicate using HTTP requests
  • How to debug errors step by step instead of giving up
  • How to manage a project under time pressure
  • How powerful AI can be as a creative tool

This hackathon gave us confidence to keep building and learning.

What's next for GemStory AI

In the future, we would like to:

  • Add user accounts and story saving
  • Allow users to export stories as files
  • Add more genres and customization options
  • Improve prompt control for more creative outputs
  • Deploy the app online so anyone can use it

GemStory AI has the potential to grow into a powerful creative assistant for storytellers and developers alike.

Built with 💙 for MLH Hacks for Hackers

Built With

Share this project:

Updates