--- title: BeyondChatGPT Demo emoji: ๐Ÿ“‰ colorFrom: pink colorTo: yellow sdk: docker pinned: false ---

##

:wave: Welcome to Beyond ChatGPT!!

## Agenda ### Build ๐Ÿ—๏ธ Build and containerize your App ### Ship ๐Ÿšข Deploy your App on Hugging Face ### Share ๐Ÿš€ - Submit the link to your App for this assignment! - Submit the link to a Loom video walkthrough (<5 min) of your Interactive Development Environment (IDE) for LLM Ops and your first LLM application - Share 3 lessons learned - Share 3 lessons not yet learned - Make a social media post about your final application and tag @AIMakerspace Here's a template to get your post started! ``` ๐Ÿš€๐ŸŽ‰ Exciting News! ๐ŸŽ‰๐Ÿš€ ๐Ÿ—๏ธย Today, I'm thrilled to announce that I've successfully built and shipped my first-ever LLM using the powerful combination of Chainlit, Docker, and the OpenAI API! ๐Ÿ–ฅ๏ธ Here are my 3 main takeaways! - Takeaway 1 - Takeaway 2 - Takeaway 3 Check it out ๐Ÿ‘‡ https://huggingface.co/spaces/jfeng1115/HW1 A big shoutout to the @**AI Makerspace** for all making this possible. Couldn't have done it without the incredible community there. ๐Ÿค—๐Ÿ™ Looking forward to building with the community! ๐Ÿ™Œโœจย Here's to many more creations ahead! ๐Ÿฅ‚๐ŸŽ‰ Who else is diving into the world of AI? Let's connect! ๐ŸŒ๐Ÿ’ก #FirstLLM #Chainlit #Docker #OpenAI #AIMakerspace ``` ## ๐Ÿค– Your First LLM App > If you need an introduction to `git`, or information on how to set up API keys for the tools we'll be using in this repository - check out our [Interactive Dev Environment for LLM Development](https://github.com/AI-Maker-Space/Interactive-Dev-Environment-for-LLM-Development/tree/main) which has everything you'd need to get started in this repository! In this repository, we'll walk you through the steps to create a Large Language Model (LLM) application using Chainlit, then containerize it using Docker, and finally deploy it on Huggingface Spaces. Are you ready? Let's get started!
๐Ÿ–ฅ๏ธ Accessing "gpt-3.5-turbo" (ChatGPT) like a developer 1. Head to [this notebook](https://colab.research.google.com/drive/1mOzbgf4a2SP5qQj33ZxTz2a01-5eXqk2?usp=sharing) and follow along with the instructions! 2. Complete the notebook and try out your own system/assistant messages! That's it! Head to the next step and start building your application!
๐Ÿ—๏ธ Building Your First LLM App 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 ``` 2. Navigate inside this repo ``` bash cd Beyond-ChatGPT ``` 3. Install the packages required for this python envirnoment in `requirements.txt`. ``` bash pip install -r requirements.txt ``` 4. Open your `.env.sample` file. Replace the `###` in your `.env.sample` file with your OpenAI Key and save the file - rename the `.env.sample` file to `.env`. ``` 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 ```

Great work! Let's see if we can interact with our chatbot.

Awesome! Time to throw it into a docker container and prepare it for shipping!
๐Ÿณ Containerizing our App 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 . ``` You'll see a number of steps - each of those steps corresponds to an item outlined in our `Dockerfile` and the build process. If you'd like to learn more - check out this resource by Docker: [build](https://docs.docker.com/engine/reference/commandline/build/) 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 ``` 3. Visit http://localhost:7860 in your browser to see if the app runs correctly.

Great! Time to ship!
๐Ÿš€ Deploying Your First LLM App 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`.

2. Setup your space as shown below: - Owner: Your username - Space Name: `llm-app` - License: `Openrail` - Select the Space SDK: `Docker` - Docker Template: `Blank` - Space Hardware: `CPU basic - 2 vCPU - 16 GB - Free` - Repo type: `Public`

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.

4. After pushing all files, navigate to the settings in the top right to add your OpenAI API key.

5. Scroll down to `Variables and secrets` and click on `New secret` on the top right.

6. Set the name to `OPENAI_API_KEY` and add your OpenAI key under `Value`. Click save.

7. To ensure your key is being used, we recommend you `Restart this Space`.

8. Congratulations! You just deployed your first LLM! ๐Ÿš€๐Ÿš€๐Ÿš€ Get on linkedin and post your results and experience using the provided template! Make sure to tag us at #AIMakerspace !

### That's it for now! And so it begins.... :)