How to Build AI powered App in 5 minutes in Node.js

Valentsea
Total
0
Shares

Hello

Hello

Did you try AI for real in your projects?
Specificly OpenAI API or just announeced Vertex from Google?

Here we are.
We will create a product generator for your next marketplace solution!

  1. Create a new project
  2. Init npm init es6
  3. Install open AI package npm install openai
  4. Create a file index.js
  5. Add this code
import { Configuration, OpenAIApi } from "openai";

const configuration = new Configuration({
  apiKey: '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' 
// Input Your Open AI key here from
// https://platform.openai.com/account/api-keys
});
const openai = new OpenAIApi(configuration);

async function getImage(info) {
  const response = await openai.createImage({
    prompt: info,
    n: 1,
    size: "256x256"
  });

  return response.data.data[0].url;
}

async function getProductInfo(info) {
  const completion = await openai.createChatCompletion({
    model: 'gpt-3.5-turbo',
    messages: [{ "role": "user", "content": `Generate a creative info in JSON for product type ${info}, use following structure  "{name: string, price: string, currency: string }", respond only with JSON` }]
  });

  const output = completion.data.choices[0].message.content;
  return JSON.parse(output);
}

function getProduct(info) {
  const productInfo$ = getProductInfo(info);
  const image$ = getImage(info);
  return Promise.all([productInfo$, image$]).then(([product, image]) => ({ ...product, imageUrl: image }));
}

async function execute() {
   const topic = 'Kid Toy';
   const productNumbers = 4;

   const promises = [];
   for (let i = 0; i < productNumbers; ++i) {
     promises.push(getProduct(topic))
   }

   const products = await Promise.all(promises);

   console.log(products);
}

execute();
Enter fullscreen mode

Exit fullscreen mode

6) Execute the file node index.js
7) Check terminal or console, you would see the following
Log example
Can you imagine? you just generated quite real products, it could be anything else. Be creative - test it out.



Ready

Now you have a list of products including price and image. Simple as that. You can render it into HTML and get results like on the image below?

Result example



What is the next step?

  • You can play around with prompt and expirement to make it
  • You can convert this into the server and build API or do a SPA

Let me know if you want to see the evolution of this project!
Will post more.

Follow me on Twitter
Connect on [Linkedin] (https://www.linkedin.com/in/igorboky/

Total
0
Shares
Valentsea

VLANs & Inter-VLAN routing

Hey everyone! As someone who has always been fascinated by computer networking, I wanna share some of the…

You May Also Like