Upload 13 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+static/background.mp4 filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -0,0 +1,13 @@
+FROM python:3.9
+
+RUN useradd -m -u 1000 user
+USER user
+ENV PATH="/home/user/.local/bin:$PATH"
+
+WORKDIR /app
+
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+COPY --chown=user . /app
+CMD ["gunicorn", "app:app", "-b", "0.0.0.0:7860"]

README.md

@@ -1,10 +1,10 @@
----
-title: Crypto
-emoji: 📈
-colorFrom: gray
-colorTo: purple
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: Crypto
+emoji: 😻
+colorFrom: gray
+colorTo: gray
+sdk: docker
+pinned: false
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,56 @@
+import joblib
+from sklearn.preprocessing import StandardScaler
+from flask import Flask,render_template,request, redirect, url_for
+import numpy as np
+import requests
+
+
+app=Flask(__name__)
+
+model=joblib.load('crypto.pkl')
+scaler_x=joblib.load('scaler_x.pkl')
+
+@app.route('/')
+def home():
+    print("HOME ROUTE ACCESSED!")  # Debug print
+    try:
+           response = requests.get('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd', timeout=5)
+           response.raise_for_status()
+           data = response.json()
+           btc_price = data['bitcoin']['usd']
+           print(f"BTC Price: {btc_price}")  # Debug print
+    except Exception as e:
+           print("Error fetching price:", e)
+           btc_price = "Error fetching price"
+       
+    print("Rendering home.html")  # Debug print
+    return render_template('home.html', btc_price=btc_price)
+
+@app.route('/about')
+def about():
+    return render_template('about.html')
+    
+@app.route('/canva')
+def canva():
+    return render.template('canva.html')
+
+@app.route('/start')
+def startt():
+    return render_template('index.html')
+    
+@app.route('/predict',methods=['POST','GET'])
+def pred():
+    Open=float(request.form.get('open'))
+    High=float(request.form.get('high'))
+    Low=float(request.form.get('low'))
+    Close=float(request.form.get('close'))
+    Volume=float(request.form.get('volume'))
+
+    user_input=[[Open,High,Low,Close,Volume]]
+    scaled_input=scaler_x.transform(user_input)
+    prediction=model.predict(scaled_input)
+    
+    return render_template('index.html',result=prediction[0])
+    
+if __name__=='__main__':
+    app.run(debug=True)

crypto.pkl

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

requirements.txt

@@ -0,0 +1,7 @@
+numpy
+pandas
+flask
+scikit-learn
+joblib
+gunicorn
+requests

scaler_x.pkl

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

scaler_x_full.pkl

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

static/background.mp4

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

static/index.css

@@ -0,0 +1,163 @@
+html, body {
+  height: 100%;
+  margin: 0;
+  font-family: Arial, sans-serif;
+  background-color: #f0f4f8;
+}
+
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  padding: 20px;
+  background-image: url('https://cdn-uploads.huggingface.co/production/uploads/68c9040752743c0e389c6079/godxRSU1oajLeS-WEFT1z.gif')
+
+');
+  background-size: cover;
+}
+
+/* Video background with fallback image */
+.video-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -2;
+  overflow: hidden;
+  
+  background-position: center;
+}
+
+#backgroundVideo {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-width: 100%;
+  min-height: 100%;
+  width: auto;
+  height: auto;
+  transform: translate(-50%, -50%);
+  object-fit: cover;
+}
+
+/* Overlay to darken video */
+.video-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: -1;
+}
+
+/* HOME link at top right */
+  a {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 9999; /* very high so it’s on top */
+    font-size: 18px;
+    padding: 10px 20px;
+    background-color: white;
+    color: #1a73e8;
+    text-decoration: none;
+    border-radius: 5px;
+    border: 1px solid #1a73e8;
+    font-weight: bold;
+    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
+  }
+
+
+
+/* Form container */
+.page-container {
+  width: 400px;
+  background-color: white;
+  border-radius: 10px;
+  padding: 30px 40px;
+  box-sizing: border-box;
+  color: black;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+/* Heading */
+.page-container h1 {
+  font-weight: bold;
+  font-size: 28px;
+  margin-bottom: 25px;
+  color: #1a73e8;
+}
+
+/* Labels and inputs */
+.form-group label {
+  font-size: 20px;
+  color: #333;
+  margin-bottom: 5px;
+  display: block;
+}
+
+.form-group input {
+  width: 100%;
+  padding: 8px;
+  margin-bottom: 15px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+/* Buttons container */
+.btn {
+      flex:1;
+      flex-direction:column;
+      padding: 14px 18px;
+      border: none;
+      border-radius: 8px;
+      font-size: 16px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      text-decoration: none;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+    }
+.btn-primary {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+    }
+.btn-primary:hover:not(:disabled) {
+      transform: translateY(-2px);
+      box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+    }
+.btn-secondary {
+      background: white;
+      color: #333;
+      border: 2px solid #e1e5e9;
+    }
+.btn-secondary:hover {
+      background: #f8f9fa;
+      border-color: #333;
+    }
+.btn:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+/* Footer */
+        .footer {
+            text-align: center;
+            margin-top: 2rem;
+            padding-top: 1.5rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+        }
+
+        .footer p {
+            color: rgba(255, 255, 255, 0.7);
+            font-size: 0.9rem;
+            font-weight: 500;
+        }

templates/about.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About - Crypto Price Prediction Project</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <style>
+        body {
+            background-color: #f4f4f4;
+            font-family: Arial, sans-serif;
+        }
+        .container {
+            margin-top: 50px;
+        }
+        .btn-primary {
+            margin-top: 20px;
+        }
+        .project-description {
+            margin-bottom: 30px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h2 class="mt-5">Crypto Price Prediction Project</h2>
+        
+        <div class="project-description">
+            <p>This project aims to predict the next day’s closing price of cryptocurrencies by analyzing historical market data, including open, high, low, close prices, and trading volume</p><br><br>
+          <p>Using a comprehensive dataset that captures daily market movements, we apply advanced machine learning techniques to uncover patterns and trends that help forecast future price fluctuations.
+            By leveraging data points such as previous day prices and volume, the model strives to provide accurate and timely predictions that can assist traders and investors in making informed decisions in the highly volatile cryptocurrency market.</p><br><br>
+            <p>Our goal is to enhance market understanding and support strategic investment through data-driven insights.</p><br><br>
+
+        <h4>Link to Google Colab Notebook</h4>
+        <p>You can view and edit the Google Colab notebook used to train the machine learning model by clicking the link below:</p>
+        
+        <a href="https://colab.research.google.com/drive/1fjgR5q1BTnk67vLxUNEvrZx-5pIF5MyE#scrollTo=P6Rt1UvgAQeU" class="btn btn-primary" target="_blank">Open Google Colab Notebook</a>
+        
+        <br><br>
+        <a href="/" class="btn btn-secondary">Back to Home</a>
+    </div>
+</body>
+</html>

templates/canva.html

@@ -0,0 +1,26 @@
+<html>
+  <head>
+    <title>Canva Poster Showcase</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  </head>
+
+  <body>
+    <h1 style="text-align:center;">Your First Look at "COINSIGHT AI PROJECT": The Poster Says It All</h1>
+
+    <!-- Make the image clickable to open in a new tab -->
+    <a href="https://cdn-uploads.huggingface.co/production/uploads/68c9040752743c0e389c6079/8QNXmSCVwd5DrgnZPb1Io.png" target="_blank">
+      <img 
+        src="https://cdn-uploads.huggingface.co/production/uploads/68c9040752743c0e389c6079/8QNXmSCVwd5DrgnZPb1Io.png" 
+        alt="poster_img" 
+        style="display:block; margin:auto; max-width:90%; height:auto; cursor: pointer;"
+      >
+    </a>
+
+    <p style="text-align:center;">
+      <a href="https://drive.google.com/file/d/1C-7fv3XZsAhIZYcb5UxjLAL7XLM-tkuc/view?usp=sharing" target="_blank">
+        View Poster as PDF
+      </a>
+    </p>
+  </body>
+</html>

templates/home.html

@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Home - COINSIGHT AI</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background-color: #f0f4f8;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+    }
+    video {
+      position: fixed;
+      top: 0;
+      left: 0;
+      min-width: 100%;
+      min-height: 100%;
+      object-fit: cover;
+      z-index: -1;
+      filter: brightness(0.6);
+    }
+    .container {
+      background: white;
+      padding: 40px 60px;
+      border-radius: 10px;
+      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+      text-align: center;
+      max-width: 400px;
+    }
+    .btn-primary {
+      text-decoration: none;
+      background-color: #1a73e8;
+      color: white;
+      padding: 12px 25px;
+      border-radius: 5px;
+      font-weight: bold;
+      font-size: 16px;
+      display: inline-block;
+      margin-top: 20px;
+    }
+    .footer {
+      margin-top: 30px;
+      font-size: 14px;
+      color: #888;
+    }
+  </style>
+</head>
+<body>
+   
+  <video autoplay muted loop playsinline>
+    <source src="https://dl.statusvideoz.com/uploads/file_id627072_2025.mp4" type="video/mp4" />
+    <!-- Fallback text for unsupported browsers -->
+    Your browser does not support the video tag.
+  </video>
+
+  <div class="container">
+    <h1 style="color: #1a73e8;">Welcome to COINSIGHT AI</h1>
+    <p style="color: #555; font-size: 18px;">
+      Your trusted crypto price predictor.
+    </p>
+    <p>Latest Bitcoin Price (USD): <strong>{{ btc_price }}</strong></p>
+    <p>Fetched using CoinGecko API</p>
+
+    <a href="/start" class="btn-primary">Start Prediction</a>
+
+    <input 
+    type="button" 
+    value="ABOUT" 
+    onclick="window.location.href='/about' " />
+   <input 
+    type="button" 
+    value="POSTER" 
+    onclick="window.location.href='/canva' " />
+  
+
+    <div class="footer">
+      <p>&copy; Made By Gursimranjot Kaur</p>
+    </div>
+  </div>
+</body>
+</html>

templates/index.html

@@ -0,0 +1,173 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>COINSIGHT AI</title>
+  <!-- <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}"> -->
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+
+  <style>
+    body, html {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+      font-family: Arial, sans-serif;
+      text-align: center;
+    }
+
+    .page-container {
+      position: relative;
+      z-index: 2;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+      padding: 20px;
+    }
+
+    .form-group {
+      margin: 20px 0;
+    }
+
+    input {
+      width: 300px;
+      padding: 10px;
+      margin-bottom: 15px;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+    }
+
+    .button-group {
+      margin-top: 20px;
+    }
+
+    .btn {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 5px;
+      font-size: 18px;
+      cursor: pointer;
+      margin: 5px;
+    }
+
+    .btn-primary {
+      background-color: navy;
+      color: white;
+    }
+
+    .btn-secondary {
+      background-color: gray;
+      color: white;
+    }
+
+    .video-container {
+      position: fixed;
+      top: 0; left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: -2;
+      overflow: hidden;
+    }
+
+    video {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .video-overlay {
+      position: fixed;
+      top: 0; left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.4);
+      z-index: -1;
+    }
+
+    .footer {
+      margin-top: 40px;
+      font-size: 16px;
+      color: white;
+    }
+
+    h1, h2 {
+      text-align: center;
+    }
+
+
+  </style>
+</head>
+
+<body>
+  
+  <input 
+    type="button" 
+    value="Go to Home" 
+    onclick="window.location.href='/'" />
+
+  
+
+  <!-- Background Video -->
+  <div class="video-container">
+    <video 
+      id="backgroundVideo" 
+      autoplay 
+      muted 
+      loop 
+      playsinline 
+      preload="metadata"
+      aria-label="Background animation">
+      <source src="{{ url_for('static', filename='background.mp4') }}" type="video/mp4">
+      Your browser does not support the video tag.
+    </video>
+  </div>
+
+  <div class="video-overlay"></div>
+
+  <!-- Page Content -->
+  <div class="page-container">
+    <h1 style="color:grey; font-weight: bold;text-shadow: 2px 2px 0 #000, 2px 2px 0 #555;">
+      Forecast Your Crypto Future
+    </h1>
+
+    <form action="/predict" method="post" id="predictionForm">
+      <div class="form-group">
+        <label style="font-size:26px;color:navy;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);">Opening Price:</label><br>
+        <input type="number" name="open" placeholder="Enter opening price" required><br>
+
+        <label style="font-size:26px;color:navy;">Highest Price:</label><br>
+        <input type="number" name="high" placeholder="Enter highest price" required><br>
+
+        <label style="font-size:26px;color:navy;">Lowest Price:</label><br>
+        <input type="number" name="low" placeholder="Enter lowest price" required><br>
+
+        <label style="font-size:26px;color:navy;">Closing Price:</label><br>
+        <input type="number" name="close" placeholder="Enter closing price" required><br>
+
+        <label style="font-size:26px;color:navy;">Volume:</label><br>
+        <input type="number" name="volume" placeholder="Enter volume" required><br>
+      </div>
+
+      <div class="button-group">
+        <button type="submit" class="btn btn-primary">
+          <span>🔍</span> Predict
+        </button>
+        <button type="button" class="btn btn-secondary" onclick="document.getElementById('predictionForm').reset();">
+          <span>🔄</span> Reset Form
+        </button>
+      </div>
+
+      {% if result %}
+        <h2 style="color:rebeccapurple; font-weight: bold; text-shadow: 1px 1px 0 #000, 2px 2px 0 #555;">
+          Nearest Predicted Closing Price for Tomorrow: {{ result }}
+        </h2>
+      {% endif %}
+    </form>
+
+    <div class="footer">
+      <p><i class="fas fa-heart" style="color: #ef4444;"></i> Made with love by Gursimranjot Kaur</p>
+    </div>
+  </div>
+</body>
+</html>