diff --git a/.gitattributes b/.gitattributes
deleted file mode 100644
index 0bb75f7..0000000
--- a/.gitattributes
+++ /dev/null
@@ -1 +0,0 @@
-*.onnx filter=lfs diff=lfs merge=lfs -text
diff --git a/public/abcover.png b/public/abcover.png
deleted file mode 100644
index f6ac3ae..0000000
Binary files a/public/abcover.png and /dev/null differ
diff --git a/public/fft.js b/public/fft.js
deleted file mode 100644
index 7faa3fe..0000000
--- a/public/fft.js
+++ /dev/null
@@ -1 +0,0 @@
-var FFTJS=function(t){function r(e){if(i[e])return i[e].exports;var o=i[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var i={};return r.m=t,r.c=i,r.i=function(t){return t},r.d=function(t,i,e){r.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:e})},r.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(i,"a",i),i},r.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},r.p="",r(r.s=0)}([function(t,r,i){"use strict";function e(t){if(this.size=0|t,this.size<=1||0!=(this.size&this.size-1))throw new Error("FFT size must be a power of two and bigger than 1");this._csize=t<<1;for(var r=new Array(2*this.size),i=0;i<r.length;i+=2){var e=Math.PI*i/this.size;r[i]=Math.cos(e),r[i+1]=-Math.sin(e)}this.table=r;for(var o=0,n=1;this.size>n;n<<=1)o++;this._width=o%2==0?o-1:o,this._bitrev=new Array(1<<this._width);for(var s=0;s<this._bitrev.length;s++){this._bitrev[s]=0;for(var a=0;a<this._width;a+=2){var h=this._width-a-2;this._bitrev[s]|=(s>>>a&3)<<h}}this._out=null,this._data=null,this._inv=0}t.exports=e,e.prototype.fromComplexArray=function(t,r){for(var i=r||new Array(t.length>>>1),e=0;e<t.length;e+=2)i[e>>>1]=t[e];return i},e.prototype.createComplexArray=function(){for(var t=new Array(this._csize),r=0;r<t.length;r++)t[r]=0;return t},e.prototype.toComplexArray=function(t,r){for(var i=r||this.createComplexArray(),e=0;e<i.length;e+=2)i[e]=t[e>>>1],i[e+1]=0;return i},e.prototype.completeSpectrum=function(t){for(var r=this._csize,i=r>>>1,e=2;e<i;e+=2)t[r-e]=t[e],t[r-e+1]=-t[e+1]},e.prototype.transform=function(t,r){if(t===r)throw new Error("Input and output buffers must be different");this._out=t,this._data=r,this._inv=0,this._transform4(),this._out=null,this._data=null},e.prototype.realTransform=function(t,r){if(t===r)throw new Error("Input and output buffers must be different");this._out=t,this._data=r,this._inv=0,this._realTransform4(),this._out=null,this._data=null},e.prototype.inverseTransform=function(t,r){if(t===r)throw new Error("Input and output buffers must be different");this._out=t,this._data=r,this._inv=1,this._transform4();for(var i=0;i<t.length;i++)t[i]/=this.size;this._out=null,this._data=null},e.prototype._transform4=function(){var t,r,i=this._out,e=this._csize,o=this._width,n=1<<o,s=e/n<<1,a=this._bitrev;if(4===s)for(t=0,r=0;t<e;t+=s,r++){var h=a[r];this._singleTransform2(t,h,n)}else for(t=0,r=0;t<e;t+=s,r++){var f=a[r];this._singleTransform4(t,f,n)}var u=this._inv?-1:1,_=this.table;for(n>>=2;n>=2;n>>=2){s=e/n<<1;var l=s>>>2;for(t=0;t<e;t+=s)for(var p=t+l,v=t,c=0;v<p;v+=2,c+=n){var d=v,m=d+l,y=m+l,b=y+l,w=i[d],g=i[d+1],z=i[m],T=i[m+1],x=i[y],A=i[y+1],C=i[b],E=i[b+1],F=w,I=g,M=_[c],R=u*_[c+1],O=z*M-T*R,P=z*R+T*M,j=_[2*c],S=u*_[2*c+1],J=x*j-A*S,k=x*S+A*j,q=_[3*c],B=u*_[3*c+1],D=C*q-E*B,G=C*B+E*q,H=F+J,K=I+k,L=F-J,N=I-k,Q=O+D,U=P+G,V=u*(O-D),W=u*(P-G),X=H+Q,Y=K+U,Z=H-Q,$=K-U,tt=L+W,rt=N-V,it=L-W,et=N+V;i[d]=X,i[d+1]=Y,i[m]=tt,i[m+1]=rt,i[y]=Z,i[y+1]=$,i[b]=it,i[b+1]=et}}},e.prototype._singleTransform2=function(t,r,i){var e=this._out,o=this._data,n=o[r],s=o[r+1],a=o[r+i],h=o[r+i+1],f=n+a,u=s+h,_=n-a,l=s-h;e[t]=f,e[t+1]=u,e[t+2]=_,e[t+3]=l},e.prototype._singleTransform4=function(t,r,i){var e=this._out,o=this._data,n=this._inv?-1:1,s=2*i,a=3*i,h=o[r],f=o[r+1],u=o[r+i],_=o[r+i+1],l=o[r+s],p=o[r+s+1],v=o[r+a],c=o[r+a+1],d=h+l,m=f+p,y=h-l,b=f-p,w=u+v,g=_+c,z=n*(u-v),T=n*(_-c),x=d+w,A=m+g,C=y+T,E=b-z,F=d-w,I=m-g,M=y-T,R=b+z;e[t]=x,e[t+1]=A,e[t+2]=C,e[t+3]=E,e[t+4]=F,e[t+5]=I,e[t+6]=M,e[t+7]=R},e.prototype._realTransform4=function(){var t,r,i=this._out,e=this._csize,o=this._width,n=1<<o,s=e/n<<1,a=this._bitrev;if(4===s)for(t=0,r=0;t<e;t+=s,r++){var h=a[r];this._singleRealTransform2(t,h>>>1,n>>>1)}else for(t=0,r=0;t<e;t+=s,r++){var f=a[r];this._singleRealTransform4(t,f>>>1,n>>>1)}var u=this._inv?-1:1,_=this.table;for(n>>=2;n>=2;n>>=2){s=e/n<<1;var l=s>>>1,p=l>>>1,v=p>>>1;for(t=0;t<e;t+=s)for(var c=0,d=0;c<=v;c+=2,d+=n){var m=t+c,y=m+p,b=y+p,w=b+p,g=i[m],z=i[m+1],T=i[y],x=i[y+1],A=i[b],C=i[b+1],E=i[w],F=i[w+1],I=g,M=z,R=_[d],O=u*_[d+1],P=T*R-x*O,j=T*O+x*R,S=_[2*d],J=u*_[2*d+1],k=A*S-C*J,q=A*J+C*S,B=_[3*d],D=u*_[3*d+1],G=E*B-F*D,H=E*D+F*B,K=I+k,L=M+q,N=I-k,Q=M-q,U=P+G,V=j+H,W=u*(P-G),X=u*(j-H),Y=K+U,Z=L+V,$=N+X,tt=Q-W;if(i[m]=Y,i[m+1]=Z,i[y]=$,i[y+1]=tt,0!==c){if(c!==v){var rt=N,it=-Q,et=K,ot=-L,nt=-u*X,st=-u*W,at=-u*V,ht=-u*U,ft=rt+nt,ut=it+st,_t=et+ht,lt=ot-at,pt=t+p-c,vt=t+l-c;i[pt]=ft,i[pt+1]=ut,i[vt]=_t,i[vt+1]=lt}}else{var ct=K-U,dt=L-V;i[b]=ct,i[b+1]=dt}}}},e.prototype._singleRealTransform2=function(t,r,i){var e=this._out,o=this._data,n=o[r],s=o[r+i],a=n+s,h=n-s;e[t]=a,e[t+1]=0,e[t+2]=h,e[t+3]=0},e.prototype._singleRealTransform4=function(t,r,i){var e=this._out,o=this._data,n=this._inv?-1:1,s=2*i,a=3*i,h=o[r],f=o[r+i],u=o[r+s],_=o[r+a],l=h+u,p=h-u,v=f+_,c=n*(f-_),d=l+v,m=p,y=-c,b=l-v,w=p,g=c;e[t]=d,e[t+1]=0,e[t+2]=m,e[t+3]=y,e[t+4]=b,e[t+5]=0,e[t+6]=w,e[t+7]=g}}]);
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 4b41e7a..493e1b2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,13 +5,9 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <script src="https://cdn.jsdelivr.net/npm/onnxjs/dist/onnx.min.js"></script>
-    <script src="./fft.js"></script>
-    <script src="./magenta.js"></script>
     <title>Music Tagger</title>
   </head>
   <body>
     <div id="root"></div>
-    <!-- <script src="./main.js"></script> -->
   </body>
 </html>
diff --git a/public/magenta.js b/public/magenta.js
deleted file mode 100644
index 790e869..0000000
--- a/public/magenta.js
+++ /dev/null
@@ -1,340 +0,0 @@
-// Follow audio utils are referred from magenta-js 
-// https://github.com/magenta/magenta-js/blob/master/music/src/core/audio_utils.ts
-
-const SAMPLE_RATE = 16000
-const isSafari = window.webkitOfflineAudioContext;
-const offlineCtx = new OfflineAudioContext(1, SAMPLE_RATE, SAMPLE_RATE);
-
-async function loadAudioFromUrl(url) {
-    return fetch(url)
-        .then((body) => body.arrayBuffer())
-        .then((buffer) => offlineCtx.decodeAudioData(buffer));
-}
-
-function getMonoAudio(audioBuffer) {
-    if (audioBuffer.numberOfChannels === 1) {
-        return audioBuffer.getChannelData(0);
-    }
-    if (audioBuffer.numberOfChannels !== 2) {
-        throw Error(
-            `${audioBuffer.numberOfChannels} channel audio is not supported.`);
-    }
-    const ch0 = audioBuffer.getChannelData(0);
-    const ch1 = audioBuffer.getChannelData(1);
-
-    const mono = new Float32Array(audioBuffer.length);
-    for (let i = 0; i < audioBuffer.length; ++i) {
-        mono[i] = (ch0[i] + ch1[i]) / 2;
-    }
-    return mono;
-}
-
-async function resampleAndMakeMono(audioBuffer, targetSr = SAMPLE_RATE) {
-    if (audioBuffer.sampleRate === targetSr) {
-        return getMonoAudio(audioBuffer);
-    }
-    const sourceSr = audioBuffer.sampleRate;
-    const lengthRes = (audioBuffer.length * targetSr) / sourceSr;
-    if (!isSafari) {
-        const _offlineCtx = new OfflineAudioContext(
-            audioBuffer.numberOfChannels, audioBuffer.duration * targetSr,
-            targetSr);
-        const bufferSource = _offlineCtx.createBufferSource();
-        bufferSource.buffer = audioBuffer;
-        bufferSource.connect(_offlineCtx.destination);
-        bufferSource.start();
-        return _offlineCtx.startRendering().then(
-            (buffer) => buffer.getChannelData(0));
-    } else {
-        // Safari does not support resampling with WebAudio.
-        console.log(
-            'Safari does not support WebAudio resampling, so this may be slow.',
-            'O&F', logging.Level.WARN);
-
-        const originalAudio = getMonoAudio(audioBuffer);
-        const resampledAudio = new Float32Array(lengthRes);
-        resample(
-            ndarray(resampledAudio, [lengthRes]),
-            ndarray(originalAudio, [originalAudio.length]));
-        return resampledAudio;
-    }
-}
-
-function applyWindow(buffer, win) {
-    if (buffer.length !== win.length) {
-        console.error(
-            `Buffer length ${buffer.length} != window length ${win.length}.`);
-        return null;
-    }
-    const out = new Float32Array(buffer.length);
-    for (let i = 0; i < buffer.length; i++) {
-        out[i] = win[i] * buffer[i];
-    }
-    return out;
-}
-
-
-/**
- * Given a timeseries, returns an array of timeseries that are windowed
- * according to the params specified.
- */
-function frame(data, frameLength, hopLength) {
-    const bufferCount = Math.floor((data.length - frameLength) / hopLength) + 1;
-    const buffers = Array.from(
-        { length: bufferCount }, (x, i) => new Float32Array(frameLength));
-    for (let i = 0; i < bufferCount; i++) {
-        const ind = i * hopLength;
-        const buffer = data.slice(ind, ind + frameLength);
-        buffers[i].set(buffer);
-        // In the end, we will likely have an incomplete buffer, which we should
-        // just ignore.
-        if (buffer.length !== frameLength) {
-            continue;
-        }
-    }
-    return buffers;
-}
-
-function padReflect(data, padding) {
-    const out = padConstant(data, padding);
-    for (let i = 0; i < padding; i++) {
-        // Pad the beginning with reflected values.
-        out[i] = out[2 * padding - i];
-        // Pad the end with reflected values.
-        out[out.length - i - 1] = out[out.length - 2 * padding + i - 1];
-    }
-    return out;
-}
-
-function padConstant(data, padding) {
-    let padLeft, padRight;
-    if (typeof padding === 'object') {
-        [padLeft, padRight] = padding;
-    } else {
-        padLeft = padRight = padding;
-    }
-    const out = new Float32Array(data.length + padLeft + padRight);
-    out.set(data, padLeft);
-    return out;
-}
-
-function padCenterToLength(data, length) {
-    // If data is longer than length, error!
-    if (data.length > length) {
-        throw new Error('Data is longer than length.');
-    }
-    const paddingLeft = Math.floor((length - data.length) / 2);
-    const paddingRight = length - data.length - paddingLeft;
-    return padConstant(data, [paddingLeft, paddingRight]);
-}
-
-function hannWindow(length) {
-    const win = new Float32Array(length);
-    for (let i = 0; i < length; i++) {
-        win[i] = 0.5 * (1 - Math.cos((2 * Math.PI * i) / (length - 1)));
-    }
-    return win;
-}
-
-function hzToMel(hz) {
-    return 1125.0 * Math.log(1 + hz / 700.0);
-}
-
-function melToHz(mel) {
-    return 700.0 * (Math.exp(mel / 1125.0) - 1);
-}
-
-function fft(y) {
-    const fft = new FFTJS(y.length);
-    const out = fft.createComplexArray();
-    const data = fft.toComplexArray(y);
-    fft.transform(out, data);
-    return out;
-}
-
-function stft(y, params) {
-    const nFft = params.nFft || 2048;
-    const winLength = params.winLength || nFft;
-    const hopLength = params.hopLength || Math.floor(winLength / 4);
-
-    let fftWindow = hannWindow(winLength);
-
-    // Pad the window to be the size of nFft.
-    fftWindow = padCenterToLength(fftWindow, nFft);
-
-    // Pad the time series so that the frames are centered.
-    y = padReflect(y, Math.floor(nFft / 2));
-
-    // Window the time series.
-    const yFrames = frame(y, nFft, hopLength);
-    // Pre-allocate the STFT matrix.
-    const stftMatrix = [];
-
-    const width = yFrames.length;
-    const height = nFft + 2;
-    for (let i = 0; i < width; i++) {
-        // Each column is a Float32Array of size height.
-        const col = new Float32Array(height);
-        stftMatrix[i] = col;
-    }
-
-    for (let i = 0; i < width; i++) {
-        // Populate the STFT matrix.
-        const winBuffer = applyWindow(yFrames[i], fftWindow);
-        const col = fft(winBuffer);
-        stftMatrix[i].set(col.slice(0, height));
-    }
-
-    return stftMatrix;
-}
-
-/**
-* Given an interlaced complex array (y_i is real, y_(i+1) is imaginary),
-* calculates the energies. Output is half the size.
-*/
-function mag(y) {
-    const out = new Float32Array(y.length / 2);
-    for (let i = 0; i < y.length / 2; i++) {
-        out[i] = Math.sqrt(y[i * 2] * y[i * 2] + y[i * 2 + 1] * y[i * 2 + 1]);
-    }
-    return out;
-}
-
-function pow(arr, power) {
-    return arr.map((v) => Math.pow(v, power));
-}
-
-function magSpectrogram(stft, power) {
-    const spec = stft.map((fft) => pow(mag(fft), power));
-    const nFft = stft[0].length - 1;
-    return [spec, nFft];
-}
-
-function linearSpace(start, end, count) {
-    // Include start and endpoints.
-    const delta = (end - start) / (count - 1);
-    const out = new Float32Array(count);
-    for (let i = 0; i < count; i++) {
-        out[i] = start + delta * i;
-    }
-    return out;
-}
-
-
-function calculateFftFreqs(sampleRate, nFft) {
-    return linearSpace(0, sampleRate / 2, Math.floor(1 + nFft / 2));
-}
-
-function calculateMelFreqs(nMels, fMin, fMax) {
-    const melMin = hzToMel(fMin);
-    const melMax = hzToMel(fMax);
-
-    // Construct linearly spaced array of nMel intervals, between melMin and
-    // melMax.
-    const mels = linearSpace(melMin, melMax, nMels);
-    const hzs = mels.map((mel) => melToHz(mel));
-    return hzs;
-}
-
-function internalDiff(arr) {
-    const out = new Float32Array(arr.length - 1);
-    for (let i = 0; i < arr.length; i++) {
-        out[i] = arr[i + 1] - arr[i];
-    }
-    return out;
-}
-
-function outerSubtract(arr, arr2) {
-    const out = [];
-    for (let i = 0; i < arr.length; i++) {
-        out[i] = new Float32Array(arr2.length);
-    }
-    for (let i = 0; i < arr.length; i++) {
-        for (let j = 0; j < arr2.length; j++) {
-            out[i][j] = arr[i] - arr2[j];
-        }
-    }
-    return out;
-}
-
-
-function applyFilterbank(mags, filterbank) {
-    if (mags.length !== filterbank[0].length) {
-        throw new Error(
-            `Each entry in filterbank should have dimensions ` +
-            `matching FFT. |mags| = ${mags.length}, ` +
-            `|filterbank[0]| = ${filterbank[0].length}.`);
-    }
-
-    // Apply each filter to the whole FFT signal to get one value.
-    const out = new Float32Array(filterbank.length);
-    for (let i = 0; i < filterbank.length; i++) {
-        // To calculate filterbank energies we multiply each filterbank with the
-        // power spectrum.
-        const win = applyWindow(mags, filterbank[i]);
-        // Then add up the coefficents.
-        out[i] = win.reduce((a, b) => a + b);
-    }
-    return out;
-}
-
-
-
-
-function applyWholeFilterbank(spec, filterbank) {
-    // Apply a point-wise dot product between the array of arrays.
-    const out = [];
-    for (let i = 0; i < spec.length; i++) {
-        out[i] = applyFilterbank(spec[i], filterbank);
-    }
-    return out;
-}
-
-function createMelFilterbank(params) {
-    const fMin = params.fMin || 0;
-    const fMax = params.fMax || params.sampleRate / 2;
-    const nMels = params.nMels || 128;
-    const nFft = params.nFft || 2048;
-
-    // Center freqs of each FFT band.
-    const fftFreqs = calculateFftFreqs(params.sampleRate, nFft);
-    // (Pseudo) center freqs of each Mel band.
-    const melFreqs = calculateMelFreqs(nMels + 2, fMin, fMax);
-
-    const melDiff = internalDiff(melFreqs);
-    const ramps = outerSubtract(melFreqs, fftFreqs);
-    const filterSize = ramps[0].length;
-
-    const weights = [];
-    for (let i = 0; i < nMels; i++) {
-        weights[i] = new Float32Array(filterSize);
-        for (let j = 0; j < ramps[i].length; j++) {
-            const lower = -ramps[i][j] / melDiff[i];
-            const upper = ramps[i + 2][j] / melDiff[i + 1];
-            const weight = Math.max(0, Math.min(lower, upper));
-            weights[i][j] = weight;
-        }
-    }
-
-    // Slaney-style mel is scaled to be approx constant energy per channel.
-    for (let i = 0; i < weights.length; i++) {
-        // How much energy per channel.
-        const enorm = 2.0 / (melFreqs[2 + i] - melFreqs[i]);
-        // Normalize by that amount.
-        weights[i] = weights[i].map((val) => val * enorm);
-    }
-
-    return weights;
-}
-
-function melSpectrogram(y, params) {
-    if (!params.power) {
-        params.power = 2.0;
-    }
-    const stftMatrix = stft(y, params);
-    const [spec, nFft] = magSpectrogram(stftMatrix, params.power);
-
-    params.nFft = nFft;
-    const melBasis = createMelFilterbank(params);
-    return applyWholeFilterbank(spec, melBasis);
-}
diff --git a/service/ml b/service/ml
index 7e351f6..64d0fa7 160000
--- a/service/ml
+++ b/service/ml
@@ -1 +1 @@
-Subproject commit 7e351f622af2640175a454f2fde0d1464c360579
+Subproject commit 64d0fa7b03750a247a6577cce9ed25ba89db1147
diff --git a/src/HomeScreen.js b/src/HomeScreen.js
index dad6b08..9cfa910 100644
--- a/src/HomeScreen.js
+++ b/src/HomeScreen.js
@@ -1,43 +1,23 @@
 import React from "react";
 import Container from '@mui/material/Container';
 import Button from '@mui/material/Button';
-import CircularProgress from '@mui/material/CircularProgress';
 import InputLabel from '@mui/material/InputLabel';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';
 import Select from '@mui/material/Select';
-
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
 import Typography from '@mui/material/Typography';
-
 import Grid from '@mui/material/Grid';
-
 import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import { styled } from '@mui/material/styles';
-
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemText from '@mui/material/ListItemText';
-
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
 import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
-// import Paper from '@mui/material/Paper';
-
-
 import { useState } from "react";
-import {
-    // AUDIO_PATH, MODEL_PATH,
-    // Demo,
-    LoadMp3, GenerateMelSpec, CropAndFlatten, CreateONNXTensor, RunModel, FinalizeResult
-} from "./utils"
-
 
 function HomeScreen() {
     const [audioPath, setAudioPath] = useState('Hey_Jude_The_Beatles.mp3');
@@ -45,14 +25,12 @@ function HomeScreen() {
     const [loading, setLoading] = useState(false)
     const [isInitial, setIsInitial] = useState(true)
     const [runningResult, setRunningResult] = useState([]);
-    const [processDesc, setProcessDesc] = useState([])
     const [uploadedAudio, setUploadedAudio] = useState({})
     const serviceAudioPath = audioPath === uploadedAudio?.path ? audioPath : '../public/audio/' + audioPath
     const playerAudioPath = audioPath === uploadedAudio?.path ? audioPath : './audio/' + audioPath
 
     const handleRunningRequest = async () => {
         setRunningResult([])
-        setProcessDesc([])
         setLoading(true);
         if (isInitial) setIsInitial(false)
 
@@ -64,39 +42,17 @@ function HomeScreen() {
         const uploadedAudioFile = audioPath === uploadedAudio?.path ? uploadedAudio?.file : undefined 
         formData.append('uploadedAudio', uploadedAudioFile)
            
-        console.log(formData.get('audioPath'), formData.get('uploadedAudio'));
-
-        // setProcessDesc((prev) => [...prev, "Loading MP3 file 🎵"])
-        // const audioBuffer = await LoadMp3(audioPath)
-        // setProcessDesc((prev) => [...prev, "Resampling and converting signal ⌛️"])
-        // setProcessDesc((prev) => [...prev, "Generating mel spectrogram ⌛️"])
-        // const melSpec = await GenerateMelSpec(audioBuffer)
-        // setProcessDesc((prev) => [...prev, "Cropping and flattening data ⌛️"])
-        // const processedData = await CropAndFlatten(melSpec)
-        // setProcessDesc((prev) => [...prev, "Creating tensor ⌛️"])
-        // const inputTensor = await CreateONNXTensor(processedData)
-        // setProcessDesc((prev) => [...prev, "Running model ⌛️"])
-        // const outputMap = await RunModel(inputTensor, modelPath)
-        // setProcessDesc((prev) => [...prev, "Grabbing results ☕️"])
-        // const result = await FinalizeResult(outputMap)
-        // setProcessDesc((prev) => [...prev, "Finished 🎉🎉🎉"])
-
         fetch('/api/predict/', {
             method: 'POST',
             body: formData
         })
             .then(res => {
-                console.log(res)
                 return res.json()
             })
             .then(data => {
-                console.log(data);
                 setRunningResult(data);
                 setLoading(false)
             });
-
-        // setRunningResult(result)
-        // setLoading(false)
     }
 
     return (
@@ -119,8 +75,6 @@ function HomeScreen() {
                                     <MenuItem value={'crnn.pt'}>CRNN model <br />tag precision: 0.3592, auroc: 0.7094</MenuItem>
                                     <MenuItem value={'fcn.pt'}>FCN model <br />tag precision: 0.3156, auroc: 0.6765</MenuItem>
                                     <MenuItem value={'cnnsa.pt'}>CNNSA model <br />tag precision: 0.2905, auroc: 0.6673</MenuItem>
-                                    
-                                    
                                 </Select>
                             </FormControl>
                         </Grid>
@@ -135,9 +89,6 @@ function HomeScreen() {
                                         label="Audio"
                                         onChange={(event) => setAudioPath(event.target.value)}
                                     >
-                                        {/* {[...Array(3).keys()].map((n) => 
-                                            <MenuItem value={String(n + 1) + '.mp3'}>Example {n + 1}.mp3</MenuItem>
-                                        )} */}
                                         <MenuItem value={'Hey_Jude_The_Beatles.mp3'}>Hey Jude (The Beatles)</MenuItem>
                                         <MenuItem value={'Yellow_Submarine_The_Beatles.mp3'}>Yellow Submarine (The Beatles)</MenuItem>
                                         <MenuItem value={'Hotel_California.mp3'}>Hotel California (Eagles)</MenuItem>
@@ -186,29 +137,7 @@ function HomeScreen() {
             </Container>
 
             <Box sx={{ flexGrow: 1 }}>
-                {/* <Grid container spacing={{ xs: 1, md: 2 }} columns={{ xs: 1, sm: 4 }}> */}
                 <Grid container spacing={{ xs: 1, md: 2 }} columns={{ xs: 1, sm: 1 }}>
-                    {/* <Grid item xs={1} sm={2} key={0}>
-                        <Card sx={{ minWidth: 275, minHeight: 420 }}>
-                            <CardContent>
-                                <Typography sx={{ fontSize: 14, mb: 1.5 }} color="text.secondary" gutterBottom>
-                                    Progress
-                                </Typography>
-                                <List dense={true}>
-                                    {processDesc && processDesc.map((line, idx) => (
-                                        <ListItem key={idx + 1}>
-                                            <ListItemText
-                                                primary={line}
-                                            />
-                                        </ListItem>
-                                    ))}
-                                    <ListItem key={0}>
-                                        {loading && <CircularProgress size="1.5rem" />}
-                                    </ListItem>
-                                </List>
-                            </CardContent>
-                        </Card>
-                    </Grid> */}
                     <Grid item xs={1} sm={2} key={1}>
                         <Card sx={{ minWidth: 275, minHeight: 420 }}>
                             <CardContent>
@@ -221,7 +150,6 @@ function HomeScreen() {
                                             <Table sx={{ minWidth: 650 }} aria-label="simple table">
                                                 <TableHead>
                                                     <TableRow>
-                                                        {/* <TableCell align="center">Category</TableCell> */}
                                                         <TableCell align="center">Tag</TableCell>
                                                         <TableCell align="center">Probability</TableCell>
                                                     </TableRow>
@@ -232,7 +160,6 @@ function HomeScreen() {
                                                             key={row.index}
                                                             sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
                                                         >
-                                                            {/* <TableCell align="center">{row.Category}</TableCell> */}
                                                             <TableCell align="center">{row.Tag}</TableCell>
                                                             <TableCell align="center">{row.Probability.toFixed(4)}</TableCell>
                                                         </TableRow>
@@ -246,7 +173,6 @@ function HomeScreen() {
                         </Card>
                     </Grid>
                 </Grid>
-
             </Box>
         </Container>
     );
diff --git a/src/NavBar.js b/src/NavBar.js
index f9bacd9..aa27867 100644
--- a/src/NavBar.js
+++ b/src/NavBar.js
@@ -32,7 +32,6 @@ function ResponsiveAppBar() {
         <AppBar position="static" sx={{ mb: 10 }}>
             <Container maxWidth="xl">
                 <Toolbar disableGutters>
-                    {/* h6 */}
                     <Typography
                         variant="h6"
                         noWrap
@@ -90,7 +89,6 @@ function ResponsiveAppBar() {
                         </Menu>
                     </Box>
 
-                    {/* h5 */}
                     <Typography
                         variant="h5"
                         noWrap
diff --git a/src/tags.js b/src/tags.js
deleted file mode 100644
index d0e6bfa..0000000
--- a/src/tags.js
+++ /dev/null
@@ -1,32 +0,0 @@
-export default [
-    '60s', '70s', '80s', '90s', 'acidjazz', 'african',
-    'alternative', 'alternativerock', 'ambient', 'atmospheric', 'blues',
-    'bluesrock', 'bossanova', 'breakbeat', 'celtic', 'chanson', 'chillout',
-    'choir', 'classical', 'classicrock', 'club', 'contemporary', 'country',
-    'dance', 'darkambient', 'darkwave', 'deephouse', 'disco', 'downtempo',
-    'drumnbass', 'dub', 'dubstep', 'easylistening', 'edm', 'electronic',
-    'electronica', 'electropop', 'ethno', 'eurodance', 'experimental',
-    'folk', 'funk', 'fusion', 'gothic', 'grunge', 'hard', 'hardrock',
-    'hiphop', 'house', 'idm', 'improvisation', 'indie', 'industrial',
-    'instrumentalpop', 'instrumentalrock', 'jazz', 'jazzfunk', 'jazzfusion',
-    'latin', 'lounge', 'medieval', 'metal', 'minimal', 'newage', 'newwave',
-    'orchestral', 'oriental', 'pop', 'popfolk', 'poprock', 'postrock',
-    'progressive', 'psychedelic', 'punkrock', 'rap', 'reggae', 'rnb',
-    'rock', 'rocknroll', 'singersongwriter', 'ska', 'soul', 'soundtrack',
-    'swing', 'symphonic', 'synthpop', 'techno', 'trance', 'tribal',
-    'triphop', 'world', 'worldfusion'
-    // 'genre---downtempo', 'genre---ambient', 'genre---rock', 'instrument---synthesizer',
-    // 'genre---atmospheric', 'genre---indie', 'genre---techno', 'genre---newage',
-    // 'genre---alternative', 'genre---easylistening', 'genre---instrumentalpop',
-    // 'genre---chillout', 'genre---metal', 'genre---lounge', 'genre---reggae',
-    // 'genre---popfolk', 'genre---orchestral', 'genre---poprock', 'genre---trance',
-    // 'genre---dance', 'genre---soundtrack', 'genre---house', 'genre---hiphop', 'genre---classical',
-    // 'genre---electronic', 'genre---world', 'genre---experimental', 'genre---folk',
-    // 'genre---triphop', 'genre---jazz', 'genre---funk', 'genre---pop',
-    // 'instrument---strings', 'instrument---drums', 'instrument---drummachine',
-    // 'instrument---electricpiano', 'instrument---guitar', 'instrument---acousticguitar',
-    // 'instrument---piano', 'instrument---electricguitar', 'instrument---violin',
-    // 'instrument---voice', 'instrument---keyboard', 'instrument---bass', 'instrument---computer',
-    // 'mood/theme---energetic', 'mood/theme---happy', 'mood/theme---emotional', 'mood/theme---film',
-    // 'mood/theme---relaxing'
-]
\ No newline at end of file
diff --git a/src/utils.js b/src/utils.js
deleted file mode 100644
index fa8800b..0000000
--- a/src/utils.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import tags from "./tags"
-const AUDIO_PATH = "./1.mp3"
-const MODEL_PATH = "./crnn.onnx"
-
-const SAMPLE_RATE = 44100
-const HOP_LENGTH = 441
-const N_FFT = 1024
-const N_MELS = 128
-const F_MIX = 0
-const F_MAX = 22050
-
-// const SAMPLE_RATE = 16000
-// const HOP_LENGTH = 160
-// const N_FFT = 512
-// const N_MELS = 96
-// const F_MIX = 0
-// const F_MAX = 8000
-const CLIP_LENGTH = 1000
-
-function flatten(melSpec) {
-    const flattened = []
-
-    for (let j = 0; j < CLIP_LENGTH; j++) {
-        for (let i = 0; i < N_MELS; i++) {
-            flattened.push(melSpec[j][i])
-        }
-    }
-    return flattened
-}
-
-async function LoadMp3(audio_path) {
-    console.log("Loading mp3...", audio_path)
-    const audioBuffer = await loadAudioFromUrl(audio_path)
-
-    console.log(audioBuffer)
-    return audioBuffer
-}
-
-async function GenerateMelSpec(audioBuffer) {
-    console.log("Resampling and converting signal to mono...")
-    const resampledMono = await resampleAndMakeMono(audioBuffer, 44100)
-    console.log(resampledMono)
-
-    let croppedMono;
-    let desiredLength = 500000
-    const originalLength = resampledMono.length
-    if (originalLength > desiredLength) {
-        const cropSize = originalLength - desiredLength
-        const start = Math.floor(Math.random() * cropSize)
-        croppedMono = resampledMono.slice(start, start + desiredLength)
-    }
-
-    console.log("Creating mel-spectrogram...")
-    const melSpec = melSpectrogram(croppedMono, {
-        sampleRate: SAMPLE_RATE,
-        hopLength: HOP_LENGTH,
-        // winLength?: number,
-        nFft: N_FFT,
-        nMels: N_MELS,
-        // power?: number;
-        fMin: F_MIX,
-        fMax: F_MAX
-    });
-
-    console.log(melSpec)
-    return melSpec
-}
-
-async function CropAndFlatten(melSpec) {
-    console.log("Padding or Cropping...")
-    const originalLength = melSpec.length
-    // TODO
-    // padding
-    let adjustedMelSpectrogram;
-    if (originalLength > CLIP_LENGTH) {
-        const cropSize = originalLength - CLIP_LENGTH
-        const start = Math.floor(Math.random() * cropSize)
-        adjustedMelSpectrogram = melSpec.slice(start, start + CLIP_LENGTH)
-    }
-
-    console.log("Flattening...")
-    const processedData = flatten(adjustedMelSpectrogram)
-
-    console.log("Finish data preprocessing")
-    // console.log(processedData)
-    return processedData
-}
-
-async function CreateONNXTensor(processedData) {
-    console.log("Converting data to onnx tensor...")
-    const inputTensor = new onnx.Tensor(processedData, 'float32', [1, 1, 128, 1000])
-    return inputTensor
-}
-
-async function RunModel(inputTensor, modelPath) {
-    console.log("Loading model...")
-    let session = new onnx.InferenceSession()
-    await session.loadModel(modelPath);
-
-    console.log("Running Model...")
-    let outputMap = await session.run([inputTensor])
-    return outputMap
-}
-
-async function FinalizeResult(outputMap) {
-    console.log("Result")
-    let outputData = outputMap.values().next().value.data
-
-    console.log("Top 5 classes (index)")
-    const TopN = outputData.slice().sort((a, b) => b - a).slice(0, 5)
-    const TopNIndex = []
-    const TopNTags = []
-    for (let i = 0; i < 5; i++) {
-        TopNIndex.push(outputData.indexOf(TopN[i]))
-        TopNTags.push(tags[outputData.indexOf(TopN[i])])
-    }
-    console.log(TopNIndex, TopNTags)
-    return TopNTags
-}
-
-async function Demo(audioPath, modelPath) {
-    const audioBuffer = await LoadMp3(audioPath)
-    const melSpec = await GenerateMelSpec(audioBuffer)
-    const processedData = await CropAndFlatten(melSpec)
-    const inputTensor = await CreateONNXTensor(processedData)
-    const outputMap = await RunModel(inputTensor, modelPath)
-    const result = await FinalizeResult(outputMap)
-    return result
-}
-
-
-export {
-    AUDIO_PATH, MODEL_PATH,
-    Demo,
-    LoadMp3, GenerateMelSpec, CropAndFlatten, CreateONNXTensor, RunModel, FinalizeResult
-}
\ No newline at end of file