Upload 9 files

.gitattributes

@@ -1,35 +1,2 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz 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
+# Auto detect text files and perform LF normalization
+* text=auto

Procfile

@@ -0,0 +1 @@
+web: gunicorn app:app

README.md

@@ -1,13 +1,58 @@
----
-title: UsedCarPrice
-emoji: 📉
-colorFrom: gray
-colorTo: yellow
-sdk: gradio
-sdk_version: 4.21.0
-app_file: app.py
-pinned: false
-license: mit
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# used-car-price-predictor
+Programmed an ML model
+## Table of Content
+  * [Demo](#demo)
+  * [Overview](#overview)
+  * [Local Setup](#local-setup)
+  * [Directory Tree](#directory-tree)
+
+
+## Demo
+Link: [https://ask-car-price.herokuapp.com](https://ask-car-price.herokuapp.com)
+
+[![](https://i.imgur.com/Dynlly3.png)](https://ask-car-price.herokuapp.com)
+
+[![](https://i.imgur.com/GqErsg7.png)](https://ask-car-price.herokuapp.com)
+
+## Overview
+This is a Flask web app which predicts the selling price of a car using multiple linear regression model made by me and my friend [Nishith](https://github.com/Nishith-Reddy) 
+
+Dataset: [![](https://www.kaggle.com/datasets/nehalbirla/vehicle-dataset-from-cardekho)](https://www.kaggle.com/datasets/nehalbirla/vehicle-dataset-from-cardekho)
+
+## Local Setup
+Clone the repository on your local environment <br>
+
+```bash
+git clone https://github.com/Nishith-Reddy/Ml_Car_Price_Prediction
+```
+Navigate to the folder <br>
+```bash 
+cd ML_Car_Price_Prediction
+```
+Install the required dependencies <br>
+```bash
+pip install -r requirements.txt 
+```
+Run the localhost-server <br>
+```bash 
+flask run
+```
+The web-app will be available at `127.0.0.1:5000` on your browser. 
+## Directory Tree 
+```
+├── Procfile
+├── app
+│   ├── main.py
+│   ├── static
+│   │   └── css
+│   │       └── styles.css
+│   └── templates
+│       └── home.html
+├── model.pkl
+├── requirements.txt
+├── runtime.txt
+└── wsgi.py
+```
+## Technologies Used
+![](https://forthebadge.com/images/badges/made-with-python.svg)
+[<img target="_blank" src="https://flask.palletsprojects.com/en/1.1.x/_images/flask-logo.png" width=170>](https://flask.palletsprojects.com/en/1.1.x/) [<img target="_blank" src="https://number1.co.za/wp-content/uploads/2017/10/gunicorn_logo-300x85.png" width=280>](https://gunicorn.org) [<img target="_blank" src="https://scikit-learn.org/stable/_static/scikit-learn-logo-small.png" width=200>](https://scikit-learn.org/stable/) 

app.py

@@ -0,0 +1,54 @@
+from flask import Flask, request, render_template
+from flask_cors import cross_origin
+import sklearn
+import pickle
+import pandas as pd
+import numpy as np
+
+app = Flask(__name__)
+model = pickle.load(open("model.pkl", "rb"))
+ 
+
+@app.route("/")
+@cross_origin()
+def home():
+    return render_template("home.html")
+
+
+
+
+@app.route("/predict", methods = ["GET", "POST"])
+@cross_origin()
+def predict():
+    if request.method == "POST":
+        y_min = 1992
+        y_max = 2020
+        km_min = 1
+        km_max = 170000
+
+        brand = int(request.form['brand'])
+        fuel = int(request.form['fuel'])
+        transmission = int(request.form['transmission'])
+        seller_type = int(request.form['seller_type'])
+        owner = int(request.form['owner'])
+        km_driven = int(request.form["km_driven"])
+        year = int(request.form["yearinput"])
+
+        year = (year - y_min)/(y_max-y_min)
+        km_driven = (km_driven - km_min)/(km_max-km_min)
+        t = [year,km_driven,transmission,fuel,seller_type,brand,owner]
+        test = np.array(t).reshape(1, 7)
+
+        prediction=model.predict(test)
+
+        output=round(prediction[0],2)
+        return render_template('home.html',prediction_text="Your car price is Rs. {}".format(abs(output)))
+
+
+    return render_template("home.html")
+
+
+
+
+if __name__ == "__main__":
+    app.run(debug=True)

static/css/styles.css

@@ -0,0 +1,65 @@
+* {
+    font-family: 'Fira Sans', sans-serif;
+}
+body {
+    background-color: #393c41;
+    text-align: center;
+}
+
+
+.navbar {
+    background-color: #313741;
+}
+
+a {
+    color: #00ADB5;
+    font-weight: 500;
+
+    
+}
+
+a:hover {
+    color: #EEEEEE;
+    transition: all 2 s ease;
+
+  }
+
+.navbar-brand {
+    font-size: 1.5rem;
+}
+
+.card {
+    background-color: #EEEEEE;
+}
+
+.btn-secondary {
+    border: none;
+    width: 10rem;
+    background-color: #00ADB5;
+}
+
+.btn-secondary:hover {
+    color: #00ADB5;
+    background-color: #222831;
+    transition: all 0.5s ease;
+}
+
+.card {
+    border-radius: 0.8em;
+}
+
+.card-body {
+    padding: 3rem;
+}
+
+.output {
+    color: #00ADB5;
+}
+
+select {
+    width: 10rem;
+    text-align: center;
+    margin-left: 10px;
+}
+
+

templates/home.html

@@ -0,0 +1,215 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Car Price Predictor</title>
+
+
+    <!-- BootStrap -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
+        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+
+
+    <!-- css -->
+    <link rel="stylesheet" href="/static/css/styles.css">
+    <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=Fira+Sans:ital,wght@0,100;0,400;0,500;1,100;1,400&display=swap" rel="stylesheet">
+
+</head>
+
+<body>
+
+    <!-- As a heading -->
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+        <div class="container-fluid">
+            <div class="navbar-header">
+                <a class="navbar-brand" href="#">Car Price Predictor</a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+
+
+
+        <form action="\predict" method="post">
+            <br>
+            <br>
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <!-- Brand -->
+                            <h5 class="card-title">Brand</h5>
+                            <select name="brand" id="brand" required="required">
+                                <option value="18">Maruti</option>
+                                <option value="10">Hyundai</option>
+                                <option value="5">Datsun</option>
+                                <option value="9">Honda</option>
+                                <option value="25">Tata</option>
+                                <option value="3">Chevrolet</option>
+                                <option value="26">Toyota</option>
+                                <option value="12">Jaguar</option>
+                                <option value="19">Mercedes-Benz</option>
+                                <option value="1">Audi</option>
+                                <option value="24">Skoda</option>
+                                <option value="13">Jeep</option>
+                                <option value="2">BMW</option>
+                                <option value="17">Mahindra</option>
+                                <option value="8">Ford</option>
+                                <option value="21">Nissan</option>
+                                <option value="23">Renault</option>
+                                <option value="6">Fiat</option>
+                                <option value="27">Volkswagen</option>
+                                <option value="28">Volvo</option>
+                                <option value="20">Mitsubishi</option>
+                                <option value="15">Land</option>
+                                <option value="4">Daewoo</option>
+                                <option value="16">MG</option>
+                                <option value="7">Force</option>
+                                <option value="11">Isuzu</option>
+                                <option value="22">OpelCorsa</option>
+                                <option value="0">Ambassador</option>
+                                <option value="14">Kia</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <br>
+                <br>
+                <br>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <h5 class="card-title">Year</h5>  <!--year-->
+                            <input type="range" name="year" id="year" min="1850" max="2050" value="1850" oninput="this.form.yearinput.value=this.value" />
+                            <input type="number" name="yearinput" id="yearinput" min="1850" max="2050" value="1850" oninput="this.form.year.value=this.value" />                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <br>
+            <br>
+            <br>
+
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <!-- km_driven -->
+                            <h5 class="card-title">Km Driven</h5>
+                            <input type="number" name="km_driven" id="km_driven" min="0"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <h5 class="card-title">Fuel</h5>
+                            <!-- Fuel -->
+                            <select name="fuel" id="fuel" required="required">
+                                <option value="4">Petrol</option>
+                                <option value="1">Diesel</option>
+                                <option value="0">CNG</option>
+                                <option value="3">LPG</option>
+                                <option value="2">Electric</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+
+            <br>
+            <br>
+            <br>
+
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <h5 class="card-title">Transmission	</h5>
+                            <!-- Transmission	 -->
+                            <select name="transmission" id = "transmission" required="required">
+                                <option value="1">Manual</option>
+                                <option value="0">Automatic</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <h5 class="card-title">Seller Type</h5>
+                            <!-- seller_type -->
+                            <select name="seller_type" id="seller_type" required="required">
+                                <option value="2">Individual</option>
+                                <option value="1">Dealer</option>
+                                <option value="0">Trustmark Dealer	</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <br>
+            <br>
+            <br>
+
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <h5 class="card-title">Owner</h5>
+                            <!-- owner	 -->
+                            <select name="owner" id="owner" required="required">
+                                <option value="0">Test Drive Car</option>
+                                <option value="1">First Owner</option>
+                                <option value="2">Second Owner</option>
+                                <option value="3">Third Owner</option>
+                                <option value="4">Fourth & Above Owner</option>
+
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+            <br>
+            <br>
+            <br>
+            <!-- Submit -->
+            <input type="submit" value="Submit" class="btn btn-secondary">
+        </form>
+
+        <br>
+        <br>
+        <h3 class = 'output'>{{ prediction_text }}</h3>
+
+        <br>
+        <br>
+
+
+    </div>
+
+
+
+
+    <!-- JavaScript -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
+        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
+        crossorigin="anonymous"></script>
+
+</body>
+
+</html>