book recommender

Model/book_compressed.gz

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d639e67af8713a788b8101009f2539a707d48262feb9af013e8f63325c60e572
+size 13547261

Model/finaldf_compressed.gz

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:93eaa9da025f0d09f3fe8e5b3ebc0ee1a30c70523f06f9239c15e1d63991f36d
+size 505905

Model/finalpopularitycompressed.gz

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e526745ba41687ca6f61c32d74b52d554c80cecc42b862a1616a8583961883cc
+size 3348

Model/similarity_score_compressed.gz

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee9b8b532fcc1dc3e370ec6c7954918c1f89d64283ce5e14af09c1476546fffb
+size 4145718

app.py

@@ -0,0 +1,65 @@
+from flask import Flask, render_template, request
+import numpy as np
+import pickle
+import gzip
+
+# Load models and data
+with gzip.open('Model/finaldf_compressed.gz', 'rb') as f:
+    finaldf = pickle.load(f)
+
+with gzip.open('Model/book_compressed.gz', 'rb') as f:
+    book = pickle.load(f)
+
+with gzip.open('Model/finalpopularitycompressed.gz', 'rb') as f:
+    finalpopularity = pickle.load(f)
+
+with gzip.open('Model/similarity_score_compressed.gz', 'rb') as f:
+    similarityScore = pickle.load(f)
+
+# Initialize Flask app
+app = Flask(__name__, template_folder='templates', static_folder='static', static_url_path='/')
+
+@app.route("/")
+def start():
+    return render_template(
+        "home.html",
+        bookName=list(finalpopularity["Book-Title"].values),
+        Image=list(finalpopularity["Image-URL-M"].values),
+        Isbn=list(finalpopularity["ISBN"].values),
+        bookauthor=list(finalpopularity["Book-Author"].values),
+        NoRating=list(finalpopularity["Book-Rating"].values),
+    )
+
+@app.route("/recommend")
+def recommend():
+    return render_template("recommend.html")
+
+@app.route("/Userrecommend", methods=["POST"])
+def Userrecommend():
+    Userinput = request.form.get("Userinput")
+    try:
+        index = np.where(finaldf.index == Userinput)[0][0]
+        similarBook = sorted(
+            list(enumerate(similarityScore[index])),
+            key=lambda x: x[1],
+            reverse=True
+        )[1:6]
+
+        data = []
+        for i in similarBook:
+            item = []
+            tempdf = book[book["Book-Title"] == finaldf.index[i[0]]]
+            item.extend(list(tempdf.drop_duplicates("Book-Title")["Book-Title"].values))
+            item.extend(list(tempdf.drop_duplicates("Book-Title")["Image-URL-M"].values))
+            item.extend(list(tempdf.drop_duplicates("Book-Title")["Book-Author"].values))
+            item.extend(list(tempdf.drop_duplicates("Book-Title")["ISBN"].values))        
+            data.append(item)
+
+        return render_template("recommend.html", data=data, user_input=Userinput)
+
+    except IndexError:
+        return render_template("recommend.html", error="User input not found!", user_input=Userinput)
+
+if __name__ == "__main__":
+    # Disable reloader to avoid threading issues
+    app.run(debug=True, use_reloader=False)

dockerfile

@@ -0,0 +1,17 @@
+# Use an official Python image
+FROM python:3.10-slim
+
+# Set the working directory
+WORKDIR /app
+
+# Copy application files
+COPY . /app
+
+# Install dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Expose the port Flask will run on
+EXPOSE 7860
+
+# Define the entry point for the app
+CMD ["python", "app.py"]

index.py

@@ -0,0 +1 @@
+from wsgi import app

requirements.txt

@@ -0,0 +1,47 @@
+asttokens==3.0.0
+blinker==1.9.0
+click==8.1.8
+comm==0.2.2
+compress-pickle==2.1.0
+debugpy==1.8.11
+decorator==5.1.1
+executing==2.1.0
+Flask==3.1.0
+gunicorn==23.0.0
+ipykernel==6.29.5
+ipython==8.31.0
+itsdangerous==2.2.0
+jedi==0.19.2
+Jinja2==3.1.5
+joblib==1.4.2
+jupyter_client==8.6.3
+jupyter_core==5.7.2
+MarkupSafe==3.0.2
+matplotlib-inline==0.1.7
+nest-asyncio==1.6.0
+numpy==2.2.1
+packaging==24.2
+pandas==2.2.3
+parso==0.8.4
+pexpect==4.9.0
+platformdirs==4.3.6
+prompt_toolkit==3.0.48
+psutil==6.1.1
+ptyprocess==0.7.0
+pure_eval==0.2.3
+Pygments==2.18.0
+python-dateutil==2.9.0.post0
+pytz==2024.2
+pyzmq==26.2.0
+scikit-learn==1.6.0
+scipy==1.14.1
+setuptools==75.6.0
+six==1.17.0
+stack-data==0.6.3
+threadpoolctl==3.5.0
+tornado==6.4.2
+traitlets==5.14.3
+tzdata==2024.2
+wcwidth==0.2.13
+Werkzeug==3.1.3
+wheel==0.45.1

static/home.css

@@ -0,0 +1,146 @@
+html {
+    scroll-behavior: smooth;
+}
+
+body {
+    background-color: rgb(36, 41, 46);
+    margin: 0;
+}
+
+a:link {
+    color: white;
+    /* Unvisited link */
+}
+
+a:visited {
+    color: white;
+    /* Visited link */
+}
+
+a:hover {
+    color: white;
+    /* On mouse hover */
+}
+
+a:active {
+    color: white;
+    /* Active (clicked) link */
+}
+
+div.container1 {
+    padding: 20px 23px 0px 23px;
+}
+
+header.navBar {
+    display: flex;
+    justify-content: space-between;
+}
+
+a.logo {
+    font-size: 2.2em;
+    display: flex;
+    gap: 8px;
+    text-decoration: none;
+    align-items: center;
+}
+
+span.greyColor {
+    color: gray;
+}
+
+a span.logoName {
+    font-family: "Bonheur Royale", serif;
+    font-weight: 900;
+    font-size: 2.5rem;
+    font-style: normal;
+    color: #ffd000;
+}
+
+ul.menu {
+    display: flex;
+    gap: 20px;
+    list-style-type: none;
+    font-family: "Jaro", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+
+}
+.hed{
+    font-family: "Jaro", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+    margin: 70px 70px;
+    text-align: center;
+    font-size: 3rem;
+}
+
+ul.menu li a:hover {
+    color: #20ff00;
+    transform: translateY(-3px);
+    transition: all .3s ease 0s;
+
+}
+
+.decoration {
+    text-decoration: none;
+}
+
+div.container2 h3{
+    font-family: "Jaro", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+}
+div.container2 {
+    display: flex;
+    flex-direction: row;
+    margin: 70px 70px;
+justify-content: center;
+    font-style: normal;
+    flex-wrap: wrap;
+}
+
+div.card {
+    width: 250px;
+    margin:5px 5px 5px 5px;
+    padding: 30px 30px 30px 30px;
+    border: 1px solid gray;
+    border-radius: 12px;
+    box-sizing: border-box;
+}
+
+div.card img {
+    width: 130px;
+    border-radius: 12px;
+    margin-left:25px ;
+}
+.long-text {
+    overflow-wrap: break-word; /* Wrap long words */
+    white-space: normal;
+  }
+  
+
+.containerContactMe7{
+    display: flex;
+    /* justify-content:baseline ; */
+    margin: 60px 60px 60px 250px;
+    
+    
+}
+.name{
+    display: flex;
+    align-items: center;
+}
+
+
+i{
+    margin: 12px;
+    font-size: 40px;
+}
+.AboutMain{
+    font-family: "Jaro", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+}

static/recommend.css

@@ -0,0 +1,47 @@
+form{
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+    margin: 30px;
+
+}
+input.inputText{
+    width: 70%;
+    padding: 12px 12px 12px 12px;
+    border: none;
+    border-radius: 12px;
+}
+input.inputBtn{
+    padding: 12px 12px 12px 12px;
+    border: none;
+    border-radius: 12px;
+}
+div.cont{
+    margin: 70px 70px;
+    font-style: normal;
+    flex-wrap: wrap;
+}
+.height{
+    height: 50vh;
+}
+div.card1 {
+    width: 250px;
+    margin:5px 5px 5px 5px;
+    padding: 20px 20px 20px 20px;
+    border: 1px solid gray;
+    border-radius: 12px;
+    box-sizing: border-box;
+    height: 450px;
+}
+div.card1 img {
+    width: 130px;
+    border-radius: 12px;
+    margin-left:25px ;
+}
+
+div.co{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 10px;
+}

templates/home.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap" rel="stylesheet">
+
+    <link href="https://fonts.googleapis.com/css2?family=Lacquer&display=swap" rel="stylesheet">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{{ url_for('static', filename='MainStyle.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='home.css') }}">
+    <title>Recommendation system</title>
+</head>
+
+<body>
+    <div class="container1">
+        <header class="navBar">
+            <a href="/" class="logo">
+                <span class="greyColor">
+
+                    <span class="logoName">Recommend Yourself</span>
+
+
+            </a>
+            <ul class="menu">
+                <li><a href="{{ url_for('start') }}" class="decoration">Home</a></li>
+                <li><a href="{{ url_for('recommend') }}" class="decoration">Recommend</a></li>
+                <li><a href="" class="decoration">Blank</a></li>
+                <li><a href="#Contact" class="decoration">Contact me</a></li>
+            </ul>
+        </header>
+    </div>
+    <h1 class="hed">Some Top Books </h1>
+    <hr style="width: 70%;">
+    <div class="container2">
+        
+        {% for i in range(bookName|length) %}
+        <div class="card">
+            <img src="{{ Image[i] }}" alt="">
+            <h3 class="long-text" >{{ bookName[i] }}</h3>
+            <p class="long-text">{{ bookauthor[i] }}</p>
+            <p class="long-text">ISBN : {{ Isbn[i] }}</p>
+            <p class="long-text">No. of Rating : {{ NoRating[i] }}</p>
+        </div>
+        {% endfor %}
+
+        
+
+    </div>
+    <div class="containerContactMe7">
+        <div class="greetDivision">
+        <div class="left">
+            <div class="name">
+                <h1 style="font-size: 3rem;" id="Contact">Contact Me</h1> 
+                <img alt="☎️" draggable="false" src="https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/260e.png" style="height: 4em; width: 4em; margin: 0px 0.05em 0px 3.1em; vertical-align: -0.1em;">
+            </div>
+            <h3 class="AboutMain">Discuss a project or just want to say hi? My Inbox is open for all.</h3>
+            <h1 style="font-size: 2rem;">Ayushaiml14@gmail.com</h1>
+            <div class="ContactsContainer1">
+                <a href="https://github.com/AyushAI14" target="_blank"><i
+                        class="fa-brands fa-square-github"></i></a>
+                <a href="https://www.linkedin.com/in/ayush-vishwakarma-a2450a28b/" target="_blank"><i
+                        class="fa-brands fa-linkedin"></i></a>
+                <a href="mailto:ayushaiml14@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+            </div>
+        </div>
+        
+    </div>
+    <script src="https://kit.fontawesome.com/73c3b1fe1f.js" crossorigin="anonymous"></script>
+
+</body>
+
+</html>

templates/recommend.html

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Bonheur+Royale&display=swap" rel="stylesheet">
+
+    <link href="https://fonts.googleapis.com/css2?family=Lacquer&display=swap" rel="stylesheet">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{{ url_for('static', filename='recommend.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='home.css') }}">
+    <title>Recommendation system</title>
+</head>
+
+<body>
+    <div class="container1">
+        <header class="navBar">
+            <a href="/" class="logo">
+                <span class="greyColor">
+
+                    <span class="logoName">Recommend Yourself</span>
+
+
+            </a>
+            <ul class="menu">
+                <li><a href="{{ url_for('start') }}" class="decoration">Home</a></li>
+                <li><a href="{{ url_for('recommend') }}" class="decoration">Recommend</a></li>
+                <li><a href="" class="decoration">Blank</a></li>
+                <li><a href="#Contact" class="decoration">Contact me</a></li>
+            </ul>
+        </header>
+    </div>
+    <h1 class="hed">Recommend Some Books</h1>
+    <hr style="width: 70%;">
+    <div class="cont">
+        <form action="/Userrecommend" method="post">
+            <input name="Userinput" class="inputText" type="text" placeholder="Enter Book Name">
+            <input class="inputBtn" type="submit" value="submit">
+        </form>
+        <h1 style="margin-left: 230px;">Books like : {{ user_input }}</h1> <br>
+        <div class="co">
+            {% if data %}
+    
+            {% for i in data %}
+            
+            <div class="height">
+                <div class="card1">
+                    <img src={{ i[1] }} alt="">
+                    <h3 style="font-size: 1rem;" class="long-text">{{i[0]}}</h3>
+                    <p style="font-size: 1rem;" class="long-text">{{ i[2] }}</p>
+                    <p style="font-size: 1rem;" class="long-text">ISBN : {{ i[3] }}</p>
+                </div>
+            </div>
+            {% endfor %}
+
+
+            {% endif %}
+
+
+
+        </div>
+
+    </div>
+    <div class="containerContactMe7">
+        <div class="greetDivision">
+            <div class="left">
+                <div class="name">
+                    <h1 style="font-size: 3rem;" id="Contact">Contact Me</h1>
+                    <img alt="☎️" draggable="false"
+                        src="https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/260e.png"
+                        style="height: 4em; width: 4em; margin: 0px 0.05em 0px 3.1em; vertical-align: -0.1em;">
+                </div>
+                <h3 class="AboutMain">Discuss a project or just want to say hi? My Inbox is open for all.</h3>
+                <h1 style="font-size: 2rem;">Ayushaiml14@gmail.com</h1>
+                <div class="ContactsContainer1">
+                    <a href="https://github.com/AyushAI14" target="_blank"><i
+                            class="fa-brands fa-square-github"></i></a>
+                    <a href="https://www.linkedin.com/in/ayush-vishwakarma-a2450a28b/" target="_blank"><i
+                            class="fa-brands fa-linkedin"></i></a>
+                    <a href="mailto:ayushaiml14@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                </div>
+            </div>
+
+        </div>
+        <script src="https://kit.fontawesome.com/73c3b1fe1f.js" crossorigin="anonymous"></script>
+
+</body>
+
+</html>

wsgi.py

@@ -0,0 +1,4 @@
+from Webapp.app import app
+
+if __name__ == "__main__":
+    app.run(debug=True)