Merge branch 'main' of https://huggingface.co/spaces/kenrogers/llm-app

README.md

@@ -8,12 +8,11 @@ pinned: false
 app_port: 7860
 ---
 
-<p align = "center" draggable=”false” ><img src="https://github.com/AI-Maker-Space/LLM-Dev-101/assets/37101144/d1343317-fa2f-41e1-8af1-1dbb18399719" 
+<p align = "center" draggable=”false” ><img src="https://github.com/AI-Maker-Space/LLM-Dev-101/assets/37101144/d1343317-fa2f-41e1-8af1-1dbb18399719"
      width="200px"
      height="auto"/>
 </p>
 
-
 ## <h1 align="center" id="heading">:wave: Welcome to Beyond ChatGPT!!</h1>
 
 For a step-by-step YouTube video walkthrough, watch this! [Deploying Chainlit app on Hugging Face](https://www.youtube.com/live/pRbbZcL0NMI?si=NAYhMZ_suAY84f06&t=2119)
@@ -39,75 +38,76 @@ That's it! Head to the next step and start building your application!
 
 </details>
 
-
 <details>
   <summary>🏗️ Building Your First LLM App</summary>
 
 1. Clone [this](https://github.com/AI-Maker-Space/Beyond-ChatGPT/tree/main) repo.
 
-     ``` bash
-     git clone https://github.com/AI-Maker-Space/Beyond-ChatGPT.git
-     ```
+   ```bash
+   git clone https://github.com/AI-Maker-Space/Beyond-ChatGPT.git
+   ```
 
 2. Navigate inside this repo
-     ``` bash
-     cd Beyond-ChatGPT
-     ```
+
+   ```bash
+   cd Beyond-ChatGPT
+   ```
 
 3. Install the packages required for this python envirnoment in `requirements.txt`.
-     ``` bash
-     pip install -r requirements.txt
-     ``` 
+
+   ```bash
+   pip install -r requirements.txt
+   ```
 
 4. Open your `.env` file. Replace the `###` in your `.env` file with your OpenAI Key and save the file.
-     ``` bash
-     OPENAI_API_KEY=sk-###
-     ```
+
+   ```bash
+   OPENAI_API_KEY=sk-###
+   ```
 
 5. Let's try deploying it locally. Make sure you're in the python environment where you installed Chainlit and OpenAI. Run the app using Chainlit. This may take a minute to run.
-     ``` bash
-     chainlit run app.py -w
-     ```
+   ```bash
+   chainlit run app.py -w
+   ```
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/54bcccf9-12e2-4cef-ab53-585c1e2b0fb5"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/54bcccf9-12e2-4cef-ab53-585c1e2b0fb5">
 </p>
 
 Great work! Let's see if we can interact with our chatbot.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/854e4435-1dee-438a-9146-7174b39f7c61"> 
-</p> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/854e4435-1dee-438a-9146-7174b39f7c61">
+</p>
 
 Awesome! Time to throw it into a docker container and prepare it for shipping!
-</details>
-
 
+</details>
 
 <details>
   <summary>🐳 Containerizing our App</summary>
 
 1. Let's build the Docker image. We'll tag our image as `llm-app` using the `-t` parameter. The `.` at the end means we want all of the files in our current directory to be added to our image.
-     
-     ``` bash
-     docker build -t llm-app .
-     ```
+
+   ```bash
+   docker build -t llm-app .
+   ```
 
 2. Run and test the Docker image locally using the `run` command. The `-p`parameter connects our **host port #** to the left of the `:` to our **container port #** on the right.
-    
-     ``` bash
-     docker run -p 7860:7860 llm-app
-     ```
+
+   ```bash
+   docker run -p 7860:7860 llm-app
+   ```
 
 3. Visit http://localhost:7860 in your browser to see if the app runs correctly.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/2c764f25-09a0-431b-8d28-32246e0ca1b7"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/2c764f25-09a0-431b-8d28-32246e0ca1b7">
 </p>
 
 Great! Time to ship!
-</details>
 
+</details>
 
 <details>
   <summary>🚀 Deploying Your First LLM App</summary>
@@ -115,11 +115,11 @@ Great! Time to ship!
 1. Let's create a new Huggingface Space. Navigate to [Huggingface](https://huggingface.co) and click on your profile picture on the top right. Then click on `New Space`.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/f0656408-28b8-4876-9887-8f0c4b882bae"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/f0656408-28b8-4876-9887-8f0c4b882bae">
 </p>
 
 2. Setup your space as shown below:
-   
+
 - Owner: Your username
 - Space Name: `llm-app`
 - License: `Openrail`
@@ -129,37 +129,37 @@ Great! Time to ship!
 - Repo type: `Public`
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/8f16afd1-6b46-4d9f-b642-8fefe355c5c9"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/8f16afd1-6b46-4d9f-b642-8fefe355c5c9">
 </p>
 
 3. You should see something like this. We're now ready to send our files to our Huggingface Space. After cloning, move your files to this repo and push it along with your docker file. You DO NOT need to create a Dockerfile. Make sure NOT TO push your `.env` file. This should automatically be ignored.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/cbf366e2-7613-4223-932a-72c67a73f9c6"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/cbf366e2-7613-4223-932a-72c67a73f9c6">
 </p>
 
 4. After pushing all files, navigate to the settings in the top right to add your OpenAI API key.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/a1123a6f-abdd-4f76-bea4-39acf9928762"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/a1123a6f-abdd-4f76-bea4-39acf9928762">
 </p>
 
 5. Scroll down to `Variables and secrets` and click on `New secret` on the top right.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/a8a4a25d-752b-4036-b572-93381370c2db"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/a8a4a25d-752b-4036-b572-93381370c2db">
 </p>
 
 6. Set the name to `OPENAI_API_KEY` and add your OpenAI key under `Value`. Click save.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/0a897538-1779-48ff-bcb4-486af30f7a14"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/0a897538-1779-48ff-bcb4-486af30f7a14">
 </p>
 
 7. To ensure your key is being used, we recommend you `Restart this Space`.
 
 <p align = "center" draggable=”false”>
-<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/fb1d83af-6ebe-4676-8bf5-b6d88f07c583"> 
+<img src="https://github.com/AI-Maker-Space/LLMOps-Dev-101/assets/37101144/fb1d83af-6ebe-4676-8bf5-b6d88f07c583">
 </p>
 
 8. Congratulations! You just deployed your first LLM! 🚀🚀🚀 Get on linkedin and post your results and experience! Make sure to tag us at #AIMakerspace !
@@ -187,4 +187,4 @@ Who else is diving into the world of AI? Let's connect! 🌐💡
 
 <p></p>
 
-### That's it for now!  And so it begins.... :)
+### That's it for now! And so it begins.... :)

app.py

@@ -77,4 +77,5 @@ async def main(message: cl.Message):
     msg.prompt = prompt
 
     # Send and close the message stream
+
     await msg.send()

chainlit.md

@@ -1,3 +1,3 @@
-# Beyond ChatGPT 
+# Beyond ChatGPT
 
 This Chainlit app was created following instructions from [this repository!](https://github.com/AI-Maker-Space/Beyond-ChatGPT)