🦜🔗Langchain without code -> Flowise
Tags: langchain, javascript, gcp, tutorial
Published: 2023-09-08 03:05:07

---
title: "🦜🔗Langchain without code -> Flowise"
description: "Using Flowise, a UI-first implementation of Langchain."
tags: langchain, javascript, GCP, tutorial
series: Langchain without coding
---

In this article, I will explain how to get started with Flowise using Google's foundation model, Palm2. I assume you already have a service account with access to the VertexAI API. If you don't, [follow this guide](https://dev.to/felipelujan/build-llm-apps-without-coding-langchain-12i2).


## Installing NodeJS on Windows and Mac.

1. Go to the [Node.js](Node.js Downloads page) Downloads page.
2. Click either the Windows installer or the MacOS installer. 
3. For Windows, run the downloaded Node.js .msi Installer. For Mac, Run the .pkg installer. 

4. Installing Flowise:
**Windows**: Press Windows key + r and type `powershell`
**MacOS**: Press command + space bar and type `terminal`
**Windows & MacOS**: Write `npm install -g flowise`  (might require elevated privileges)
**Windows & MacOS**: Write `npx flowise start`

5. In your web browser, go to [http://localhost:3000/
](http://localhost:3000/)
Voila! Welcome to Flowise.🥳🥳🥳

## Using Flow Creating your first 🦜🔗Langchain app.


> You will create an app that behaves like an English teacher who talks about any topic and patiently corrects your grammar.

1. In Flowise click **Marketplace** > **Translator**.
2. Click **Use template**, save, and give your app a name.
3. To replace ChatOpenAI with Google Palm2, Hover over the ChatOpenAI action in your diagram and click the delete button. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/242heu4r3apryszjsey3.png)
Click + sign on the top left part of your screen and find the **ChatGoogleVertexAI **option under Chat Models. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/da8aolpbyg8ilfyc3hss.png)
Drag and drop it into the canvas.

4. Configuring the ChatGoogleVertexAI model: Under **Connect Credential**, select **Create New**.
**<u>CREDENTIAL NAME</u>**: VertexAI credentials
**<u>Credential JSON Object</u>**: The contents of the JSON file you recently downloaded from Google Cloud.
**<u>Project ID</u>**: Your Google Cloud Project ID. You can find it here:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u8zzvyjhjyoxqd76in5n.png)
5. Connect the language model node from **ChatGoogleVertexAI** to LLM Chain.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lf5nzw8j5rf1ujebkvt8.png)
6. In the Chat Promp Template box, replace the System Message with this:

> _you are a language teacher teacher having a conversation with a student in {input_language}_
> _When the text sent by the student contains wrong grammar, you will reply by sending back the corrected message as "corrected" and a follow-up message on the conversation topic as "follow-up". Include emojis._
> _Your responses should be formatted like this:_
> _Corrected:_
> _follow-up:_

Save and click the chat icon to start using your first LLM app.🤯🤯🤯


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2h6hl9kcvmewytiy453f.png)