├── .env
├── LICENSE
├── README.md
├── app.py
├── requirements.txt
└── templates
    └── index.html


/.env:
--------------------------------------------------------------------------------
1 | # Importing the Langchain API key
2 | LANGCHAIN_API_KEY="<Your Langchain key here>"


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2024 Rajveer Singh
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | # Chatbot with LLama3
 3 | 
 4 | This is a simple chatbot application built using the LLama3 model from Meta. The chatbot is deployed using Flask and can be accessed via a web interface.
 5 | 
 6 | <o><img height="400" width="1000" src="https://github.com/rajveersinghcse/rajveersinghcse/blob/master/img/llama3.png" alt="llama"></p>
 7 | 
 8 | ## Features
 9 | 
10 | - Uses the LLama3 model from Langchain for natural language processing.
11 | - Utilizes dotenv for managing environment variables.
12 | - Implements a ChatPromptTemplate for defining user and system messages.
13 | - Supports querying the chatbot with user input.
14 | - Web-based interface for easy interaction.
15 | - Uses Bootstrap for styling.
16 | 
17 | ## Prerequisite
18 | 
19 | - You have to install [Ollama](https://ollama.com/download) in your system.
20 | - After installing the Ollama you have to install llama3 by using this command
21 | 
22 | ## Getting Started
23 | 
24 | ## Installation
25 | 
26 | 1. Clone the repository:
27 | 
28 |    ```bash
29 |    git clone https://github.com/rajveersinghcse/Llama3-Chatbot.git
30 |    ```
31 | 
32 | 2. Navigate to the project directory:
33 | 
34 |    ```bash
35 |    cd llama3-chatbot
36 |    ```
37 | 
38 | 3. Install the required dependencies:
39 | 
40 |    ```bash
41 |    pip install -r requirements.txt
42 |    ```
43 | 
44 | 4. In `.env` file paste your Langchain API key.
45 | 
46 | 3. Run this command:
47 | 
48 |    ```bash
49 |    flask --app app.py run
50 |    ```
51 | 
52 | 5. Open your browser and go to `http://localhost:5000` to access the chatbot.
53 | 
54 | ## Usage
55 | 
56 | - Enter your query in the input field and click "Submit."
57 | - The chatbot will process your query and respond.
58 | 
59 | ## Customization
60 | 
61 | You can customize the chatbot's behavior by modifying the `initialize_chatbot()` function in `app.py`. For example, you can change the prompts or adjust the LLama3 model settings.
62 | 
63 | ## License
64 | 
65 | This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
66 | 
67 | ## Acknowledgments
68 | 
69 | - Meta for providing the LLama3 model.
70 | - Bootstrap for the frontend styling.
71 | 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
 1 | import os
 2 | from dotenv import load_dotenv
 3 | from langchain_community.llms import Ollama
 4 | from langchain_core.prompts import ChatPromptTemplate
 5 | from langchain_core.output_parsers import StrOutputParser
 6 | from flask import Flask, request, render_template
 7 | 
 8 | # Load environment variables from .env file
 9 | load_dotenv()
10 | 
11 | # Set environment variables for langsmith tracking
12 | os.environ["LANGCHAIN_API_KEY"] = os.getenv("LANGCHAIN_API_KEY")
13 | os.environ["LANGCHAIN_TRACING_V2"] = "true"
14 | 
15 | # Create Flask app
16 | app = Flask(__name__)
17 | 
18 | # Define chatbot initialization
19 | def initialize_chatbot():
20 |     # Create chatbot prompt
21 |     prompt = ChatPromptTemplate.from_messages(
22 |         [
23 |             ("system", "Provide response to the user queries"),
24 |             ("user", "Question: {question}")
25 |         ]
26 |     )
27 |     
28 |     # Initialize OpenAI LLM and output parser
29 |     llm = Ollama(model="llama3")
30 |     output_parser = StrOutputParser()
31 |     
32 |     # Create chain
33 |     chain = prompt | llm | output_parser
34 |     return chain
35 | 
36 | # Initialize chatbot
37 | chain = initialize_chatbot()
38 | 
39 | # Define route for home page
40 | @app.route('/', methods=['GET', 'POST'])
41 | def home():
42 |     if request.method == 'POST':
43 |         input_text = request.form['input_text']
44 |         if input_text:
45 |             output = chain.invoke({'question': input_text})
46 |             return render_template('index.html', input_text=input_text, output=output)
47 |     return render_template('index.html')
48 | 
49 | if __name__ == '__main__':
50 |     app.run(debug=True)
51 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | langchain-openai
2 | langchain-core
3 | python-dotenv
4 | streamlit
5 | langchain-community
6 | flask
7 | 


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>Chatbot with LLama3</title>
 8 |     <!-- Bootstrap CSS -->
 9 |     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
10 |     <!-- Custom CSS -->
11 |     <style>
12 |         body {
13 |             background-color: #f8f9fa;
14 |             font-family: Arial, sans-serif;
15 |         }
16 | 
17 |         .container {
18 |             max-width: 600px;
19 |             margin: 50px auto;
20 |             padding: 20px;
21 |             background-color: #fff;
22 |             border-radius: 8px;
23 |             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
24 |         }
25 | 
26 |         .form-group {
27 |             margin-bottom: 20px;
28 |         }
29 | 
30 |         .form-control {
31 |             border-radius: 5px;
32 |         }
33 | 
34 |         .btn-primary {
35 |             border-radius: 5px;
36 |         }
37 | 
38 |         .response {
39 |             margin-top: 20px;
40 |         }
41 | 
42 |         .output {
43 |             background-color: #D1FFBD;
44 |             color: #000000;
45 |             padding: 10px;
46 |             border-radius: 5px;
47 |             margin-top: 20px;
48 |         }
49 |     </style>
50 | </head>
51 | 
52 | <body>
53 |     <div class="container">
54 |         <h1 class="mb-4">Chatbot with LLama3</h1>
55 |         <form method="POST" action="/">
56 |             <div class="form-group">
57 |                 <label for="input_text">Enter your query:</label>
58 |                 <input type="text" class="form-control" id="input_text" name="input_text" required>
59 |             </div>
60 |             <button type="submit" class="btn btn-primary">Submit</button>
61 |         </form>
62 |         {% if input_text %}
63 |         <div class="response">
64 |             <h3>Your query:</h3>
65 |             <p>{{ input_text }}</p>
66 |             {% if output %}
67 |             <div class="output">
68 |                 <h3>Response:</h3>
69 |                 <p>{{ output }}</p>
70 |             </div>
71 |             {% endif %}
72 |         </div>
73 |         {% endif %}
74 |     </div>
75 | 
76 |     <!-- Bootstrap JS and dependencies -->
77 |     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
78 |     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
79 |     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
80 | </body>
81 | 
82 | </html>
83 | 


--------------------------------------------------------------------------------