Merge pull request #2 from golivecosmos/katrinar-patch-1

Update README.md

Author: katrinar

README.md

@@ -1,20 +1,23 @@
 <h1 align='center' >
-LLM React App Javascript Template 🪄
+🪐 LLM React App Javascript Template 🪐
 </h1>
 <p align='center'>
     <a href='https://github.com/golivecosmos/pluto/blob/main/LICENSE'>
-    <img src='https://img.shields.io/github/license/golivecosmos/llm-react-node-app-template' alt='License' />
+        <img src='https://img.shields.io/github/license/golivecosmos/llm-react-node-app-template?style=plastic' alt='License' />
     </a>
-  <a href='https://twitter.com/golivecosmos'>
-    <img src='https://img.shields.io/twitter/follow/golivecosmos?style=social' alt='Cosmos' style='margin-right:3px' />
-  </a>
+    <a href='https://github.com/golivecosmos/llm-react-node-app-template'>
+        <img src='https://img.shields.io/github/commit-activity/w/golivecosmos/llm-react-node-app-template?style=plastic' alt='Cosmos'              style='margin-right:3px' />
+    </a>
+     <a href='https://twitter.com/golivecosmos'>
+       <img src='https://img.shields.io/twitter/follow/golivecosmos' alt='Cosmos' style='margin-right:3px' />
+     </a>
 </p>
 
 ## What is an LLM React Node App Javascript Template?
 
 This template is an example project for a simple Large Language Model (LLM) application built on top of React and Node. This template was built on top of [the React template app from nano-react-app](https://github.com/nano-react-app/template-js) and updated with a Node server that uses [LangChain.js](https://github.com/hwchase17/langchainjs) to connect to supported large language models, e.g. OpenAI and Hugging Face. Use this template to easily build and run an LLM app, like the screenshot below:
 
-![screenshot of LLM react app](./examples/llm-react-app.png)
+![screenshot of LLM react app](./examples/llm-react-app.webp)
 
 These are the available commands:
 
@@ -26,8 +29,13 @@ These are the available commands:
 
 ## Getting Started
 
-To get started, create a `.env` file by copying the `SAMPLE_env` file. Then, add your Open API key to the file.
-Now you are ready to run the server and the web app.
+To get started, follow the below steps:
+
+1. Create an `.env` file by copying the `SAMPLE_env` file and add API keys for the models you are going to use
+1. Install packages
+1. Run the backend and frontend servers
+
+For more thorough step-by-step instructions follow [this tutorial on running an LLM React Node app](https://blog.golivecosmos.com/build-an-llm-app-with-node-react-and-langchain-js/).
 
 ## Custom port