Image generation using AI Image Studio

Want to create thumbnails for your youtube video Or stunning images in seconds for your landing page Or marketing campaign, head over to AI Image Studio https://aimagestudio.online with a few bucks.

Comment

Inspiration

When I first heard about vibe coding platforms like Bolt.new and others I had mixed thoughts like this is just another tool Or it might help generate static websites only but there was also a ray of hope that what if could generate whole apps end to end It will accelerate the development process and increase the productivity to 10x/20x. Plus devs like me can deploy apps from just an idea in a matter of days as opposed to weeks or months. So I wanted to try Bolt.new and got the opportunity in the form of this Hackathon. I'm so glad.

What it does

It allows user to login and generate high quality images using a text prompt in different sizes and formats

How we built it

I built it using Bolt.new. First I built the backend webapp using Node.js in the form of APIs such as Login, Profile and one for image generation which talks to Stability AI text-to-image API to generate images from prompts and parameters like image size and format. Then I generated the summary of my discussion with Bolt in discuss mode with API specs and a plan to generate the frontend webapp. Then pasted this plan and summary in another project in Bolt and instructions to build a frontend webapp. And within minutes my react frontend app was ready. I haven't written a single line of code in react before. While building the backend app I used reset of context window feature when I had just started developing. Discuss Mode, resetting the context window are some of the Bolt features I used while building my project. I deployed these apps to Netlify which is a built in feature in Bolt. Also I claimed the domain on IONOS Domain registrar as suggested in the builder pack details and connected the frontend webapp to that domain. Links mentioned below

Challenges we ran into

  1. While starting I failed in engineering the right prompt but by resetting the context window I started a fresh project in bolt.
  2. I faced some issues after connecting the domain to get the site working successfully like passing proper header values but I used discuss mode and copilot to some extent to get the answers. I got it working finally.

Accomplishments that we're proud of

  1. I could get the Login functionality working while vibe coding this in my opinion is a big accomplishment.
  2. And I could develop and deploy and got both frontend and backend working successfully.

What we learned

  1. How to approach web development or any other software development with Bolt.new even If you don't know the technology
  2. How to get the backend webapp built and deploy using bolt

What's next for Image generation using AI Image Studio

Next roadmap for AI image studio would be to add image-to-video functionality and some sort of Orchestration of these two functionalities along with text to speech to have a platform which can create versatile videos which can help create short films to film makers, videos to content creators

Built With

  • bolt.new
  • img-gen-with-ai
  • jwt-auth
  • node.js
  • react
  • stabilityai
  • stabilityaiapi
  • text-to-image
Share this project:

Updates