Spark Room

Fueling creativity, one spark at a time.

Comment

Inspiration

Our team consists of creative and artistic people, and sometimes that creativity comes to a halt. Art blocks could last from a few weeks, to multiple months, and in extreme cases, years. When encountering this problem, it’s hard to come up with inspiration and ideas. What if there was a website to help you? And that’s exactly why our team decided to create “The Spark Room.” A room to spark creativity and help the artistic flow continue.

What it does

The Spark Room is a web-based tool that helps artists overcome creative block by generating AI-powered mood boards based on their chosen emotion and art medium. Users input how they’re feeling and the type of art they’re creating, and the app generates a custom mood board (a type of visual presentation or 'collage' consisting of images, text, and samples of objects in a composition) using OpenAI's DALL·E 3 to serve as visual inspiration. It's designed to help creatives rediscover their spark and start making again.

How we built it

We built The Spark Room using:

  • React for the frontend interface

  • Tailwind CSS for responsive styling

  • Framer Motion for smooth UI animations

  • OpenAI’s DALL·E 3 API for image generation from natural language prompts

  • Vite for fast and efficient development

We also used design tools like Figma and Canva to mock up and visualize the user interface before implementation.

Challenges we ran into

  • Making sure the AI-generated images reflected the user’s emotional input in a meaningful and artistic way

  • Structuring a smooth and intuitive user experience within the short timeframe

  • Handling API integration securely and managing asynchronous image fetching and rendering

  • Ensuring that layout and responsiveness worked well across devices and screen sizes

  • Dealing with bugs during state management and async loading during image generation

Accomplishments that we're proud of

  • Created a full working prototype of an AI-powered inspiration tool from scratch in a short timeframe

  • Turned a shared creative struggle (art block) into a real, tangible solution we wish existed before

  • Built a sleek, animated interface that feels engaging and welcoming to artists of all kinds

  • Collaborated effectively as a team, combining design, code, and concept seamlessly despite different skill levels

  • Learned new tools on the fly, including API integration and frontend frameworks, and applied them under time pressure

  • Stayed true to our mission: building something that supports and uplifts the creative community

What we learned

  • How to connect and interact with the OpenAI DALL·E 3 API

  • How to build a responsive, animated frontend using modern web technologies

  • How to translate emotional and creative concepts into prompts for generative AI

  • The importance of balancing simplicity and functionality in user experience design

  • How meaningful tech can be when rooted in a real problem we've personally experienced

What's next for Spark Room

  • Add sentiment analysis to refine emotional interpretation of user input

  • Enable users to upload reference images for personalized AI results

  • Let users customize mood board layouts (e.g., collage, grid, polaroid)

  • Add text annotations, titles, and tagging for organizing boards

  • Build user profiles so artists can save and revisit mood boards

  • Explore integration with GPT-4 to generate written prompts, story starters, or poetic inspirations alongside images

  • Release a public beta to get feedback from the creative community and evolve the platform

Built With

Share this project:

Updates