Spaces:

saurabh091
/

Next_Word_Prediction

Sleeping

App Files Files Community

saurabh091 commited on Feb 10, 2025

Commit

a561bc0

verified ·

1 Parent(s): a76a901

Upload 6 files

Browse files

Files changed (6) hide show

Dockerfile +17 -0
app.py +75 -0
requirements.txt +9 -0
templates/document.html +101 -0
templates/home.html +189 -0
tokenizer.pickle +3 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,17 @@

+# Use a base image with Python
+FROM python:3.9
+# Set the working directory
+WORKDIR /app
+# Copy all files to the container
+COPY . .
+# Install dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+# Expose port (Hugging Face requires port 7860)
+EXPOSE 7860
+# Run Flask
+CMD ["python", "app.py"]

app.py ADDED Viewed

	@@ -0,0 +1,75 @@

+from flask import Flask, render_template, request
+from keras.models import load_model
+from tensorflow.keras.preprocessing.sequence import pad_sequences
+import numpy as np
+import pickle
+import time
+import os
+import kagglehub
+# Download latest version
+model_folder = kagglehub.model_download("saurabhmaulekhi/next_word_prediction/keras/version-1")
+files_in_folder = os.listdir(model_folder)
+model_name = files_in_folder[0]
+model_path = os.path.join(model_folder,model_name)
+model = load_model(model_path)
+with open("tokenizer.pickle", 'rb') as handle:
+    tokenizer = pickle.load(handle)
+app = Flask(__name__)
+@app.route('/')
+def home():
+    return render_template('home.html')
+@app.route('/home')
+def home_click():
+    return render_template('home.html')
+@app.route('/', methods=['GET', 'POST'])
+def predict_show():
+    if request.method == 'POST':
+        try:
+            user_input = request.form['user_input']
+            num_of_words = int(request.form['num'])
+            result = prediction(user_input, num_of_words)
+        except ValueError:
+            result = "Invalid input. Please enter a number."
+    return render_template('home.html', result=result)
+@app.route('/document')
+def document():
+    return render_template('document.html')
+def prediction(text, no_of_words):
+    sentence = []
+    sentence.append(text+" ")
+    for i in range(no_of_words):
+        # tokenize
+        token_text = tokenizer.texts_to_sequences([text])[0]
+        # padding
+        padded_token_text = pad_sequences([token_text], maxlen=56, padding='pre')
+        # predict
+        pos = np.argmax(model.predict(padded_token_text))  ## predicting new word
+        for word, index in tokenizer.word_index.items():
+            if index == pos:
+                text = word
+                sentence.append(text)
+                sentence.append(" ")
+    sentence.pop()
+    return sentence
+# for i in sentence:
+#     print(i, end=" ")
+#     time.sleep(0.6)  ## time in seconds to predict new word
+if __name__ == "__main__":
+    app.run(host='0.0.0.0', port=7860)

requirements.txt ADDED Viewed

	@@ -0,0 +1,9 @@

+flask
+keras.models
+tensorflow.keras.preprocessing.sequence
+numpy
+pickle
+time
+os
+gunicorn
+kagglehub

templates/document.html ADDED Viewed

	@@ -0,0 +1,101 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+  <style>
+    .body {
+      width: 1480px; /* Set width to 300 pixels */
+      height: 700px; /* Set height to 200 pixels */
+     background: rgb(48,18,115);
+     background: linear-gradient(180deg, rgba(48,18,115,1) 20%, rgba(53,51,205,1) 48%, rgba(35,18,122,1) 91%);
+      padding: 10px; /* Add some padding inside the div */
+    }
+     #nav_bar {
+      background-color: #f64848;
+      overflow: hidden;
+      border: 3px solid black;
+    }
+    .outer-box {
+      position: relative; /* Necessary for positioning relative to this element */
+      display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
+      padding: 5px 10px;
+      border: 3px solid black;
+      background-color: #f64848;
+      margin-left: 350px;
+      margin-bottom: 5px;
+      border-radius: 30px; /* Add rounded corners */
+    }
+    #nav_bar ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex; /* This is the key to display items in a line */
+    }
+    #nav_bar li {
+      float: left; /* Alternatively, use 'display: inline-block;' */
+    }
+    #nav_bar a {
+      display: block;
+      color: white;
+      text-decoration: none;
+      padding: 14px 16px;
+    }
+    #nav_bar a:hover {
+    border: 1px solid black;
+      background-color: #ff914d;
+    }
+    #docs ul {
+      margin: 30px;
+      padding: 10px;
+    }
+    #docs a {
+      width: 350px;
+      margin:20px;
+      padding: 40px;
+      height: 10px;
+      display: block;
+      background-color: #ff914d;
+      color: black;
+      text-decoration: none;
+      padding: 14px 16px;
+    }
+    #docs a:hover {
+    border: 1px solid black;
+      background-color: #f64848;
+    }
+    h1{
+    background-color: #ff914d;
+    position: 100; /* Necessary for absolute positioning of the inner box */
+    }
+  </style>
+</head>
+<body class="body">
+<div class="outer-box"><h1>  Next Word Prediction With 75% Accuracy </h1> </div>
+    <nav id="nav_bar">
+    <ul>
+      <li><a href="/home">Home</a></li>
+      <li><a href="/document">Documentation</a></li>
+    </ul>
+  </nav>
+  <nav id="docs">
+    <ul>
+      <li><a href="https://www.kaggle.com/"><b>RNN, LSTM, GRU, BILSTM, BiGRU Notes</b></a></li>
+      <li><a href="https://www.kaggle.com/"><b>ML Model Deployment (Kaggle NoteBook)</b></a></li>
+      <li><a href="#"><b>Github Repo</b></a></li>
+    </ul>
+  </nav>
+</body>
+</html>

templates/home.html ADDED Viewed

	@@ -0,0 +1,189 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <style>
+    .outer-box {
+      position: relative; /* Necessary for positioning relative to this element */
+      display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
+      padding: 5px 10px;
+      border: 3px solid black;
+      background-color: #f64848;
+      margin-left: 350px;
+      margin-bottom: 5px;
+      border-radius: 30px; /* Add rounded corners */
+    }
+    h1{
+    background-color: #ff914d;
+    position: 100; /* Necessary for absolute positioning of the inner box */
+    }
+    nav {
+      background-color: #f64848;
+      overflow: hidden;
+      border: 3px solid black;
+    }
+    nav ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex; /* This is the key to display items in a line */
+    }
+    nav li {
+      float: left; /* Alternatively, use 'display: inline-block;' */
+    }
+    nav a {
+      display: block;
+      color: white;
+      text-decoration: none;
+      padding: 14px 16px;
+    }
+    nav a:hover {
+    border: 1px solid black;
+      background-color: #ff914d;
+    }
+    .txt{
+    font-size: 24px;
+    }
+    .body {
+      width: 1480px; /* Set width to 300 pixels */
+      height: 700px; /* Set height to 200 pixels */
+     background: rgb(48,18,115);
+     background: linear-gradient(180deg, rgba(48,18,115,1) 20%, rgba(53,51,205,1) 48%, rgba(35,18,122,1) 91%);
+      padding: 10px; /* Add some padding inside the div */
+    }
+     form{
+        margin-top: 20px;
+        width: 500px; /* Set width to 300 pixels */
+        height: 150px; /* Set height to 200 pixels */
+        background-color: #f64848;
+        padding: 20px; /* Add padding around the form */
+        border: 3px solid black; /* Add a border around the form */
+        border-radius: 40px; /* Add rounded corners */
+     }
+     #submit{
+      background-color: #ff914d;
+      border: 2px solid black;
+      color: white;
+      padding: 5px 15px;
+      text-align: center;
+      text-decoration: none;
+      display: inline-block;
+      font-size: 16px;
+      border-radius: 4px;
+      margin-left: 100px;
+      margin-top: 15px;
+    }
+    #display_outer{
+        margin-top: 20px;
+        width: 650px;
+        height: 250px;
+        background-color: #f64848;
+        padding: 20px;
+        border: 3px solid black;
+        border-radius: 40px;
+        margin-left: 400px;
+        }
+    #display{
+    margin-top: 40px;
+    margin-left: 100px;
+    width: 500px;
+    height: 120px;
+    font-size: 24px;
+    font-weight: bold;
+    background-color: #c84646;
+    padding: 20px;
+    border: 3px solid black;
+    border-radius: 40px;
+    }
+    #predictions{
+      background-color: #ff914d;
+      margin-top : 2px;
+      padding: 3px;
+      width: 150px;
+      height: 30px;
+      font-size: 22px;
+      border-radius: 10px;
+      border: 2px solid black;
+      color: white;
+        }
+  </style>
+    <meta charset="UTF-8">
+    <title>Next Word Prediction</title>
+</head>
+<body class="body">
+<div class="outer-box"><h1>  Next Word Prediction With 75% Accuracy </h1> </div>
+    <nav>
+    <ul>
+      <li><a href="/home">Home</a></li>
+      <li><a href="/document">Documentation</a></li>
+    </ul>
+  </nav>
+    <form action="/" method="POST" class="form">
+        <label class="txt"  for="user_input"><b>Give the initial word: </b></label>
+        <input type="text" id="user_input" name="user_input" class="form-control" placeholder="Enter the initial word">
+        <br><br>
+        <label class="txt"  for="num"> <b>Number of Words to Predict: </b></label>
+        <select name="num" id="num">
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+            <option value="5">5</option>
+            <option value="6">6</option>
+            <option value="7">7</option>
+            <option value="8">8</option>
+            <option value="9">9</option>
+            <option value="10">10</option>
+        </select>
+        <br><br>
+        <input id="submit" type="submit" value="Submit">
+    </form>
+    <div id="display_outer">
+        <p id="predictions"><b>Predictions:</b></p>
+        <div id="display">
+        </div>
+    </div>
+    {% if result is defined %}
+        <script>
+            const myList = {{ result | tojson }};
+            let currentIndex = 0;
+            const displayDiv = document.getElementById('display');
+            function displayElement() {
+                if (myList.length === 0) {
+                    displayDiv.textContent = "No predictions found.";
+                } else {
+                    if (currentIndex < myList.length) {
+                        displayDiv.textContent += myList[currentIndex] + " ";
+                        currentIndex++;
+                        setTimeout(displayElement,100);
+                    }
+                }
+            }
+            window.onload = displayElement;
+        </script>
+    {% else %}
+    {% endif %}
+</body>
+</html>

tokenizer.pickle ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:06eaaa88deaaa69d9241e0ae5f7684b125fdfd80b96463ded339878fa5d5f5e4
+size 356388