new views

Add ranking
Merge branch 'master' of https://git.wmi.amu.edu.pl/s434604/BitSearch into frontend_project
2022-01-28 15:19:32 +01:00 · 2022-01-25 15:01:25 +01:00 · 2022-01-25 14:01:59 +01:00 · 2022-01-25 14:01:49 +01:00 · 2022-01-18 13:46:36 +01:00 · 2022-01-17 12:14:17 +01:00
82 changed files with 50569 additions and 927 deletions
--- a/.gitignore
+++ b/.gitignore
@ -518,240 +518,4 @@ FodyWeavers.xsd
 ### VisualStudio Patch ###
 # Additional files built by Visual Studio

-# End of https://www.toptal.com/developers/gitignore/api/visualstudio,aspnetcore
-
-### Flask ###
-instance/*
-!instance/.gitignore
-.webassets-cache
-.env
-
-### Flask.Python Stack ###
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-share/python-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-*.py,cover
-.hypothesis/
-.pytest_cache/
-cover/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-.pybuilder/
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-#   For a library or package, you might want to ignore these files since the code is
-#   intended to run in multiple environments; otherwise, check them in:
-# .python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-#Pipfile.lock
-
-# poetry
-#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
-#   This is especially recommended for binary packages to ensure reproducibility, and is more
-#   commonly ignored for libraries.
-#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
-#poetry.lock
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow
-__pypackages__/
-
-# Celery stuff
-celerybeat-schedule
-celerybeat.pid
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
-
-# pytype static type analyzer
-.pytype/
-
-# Cython debug symbols
-cython_debug/
-
-# PyCharm
-#  JetBrains specific template is maintainted in a separate JetBrains.gitignore that can
-#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
-#  and can be added to the global gitignore or merged into this file.  For a more nuclear
-#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-#.idea/
-
-### Python ###
-# Byte-compiled / optimized / DLL files
-
-# C extensions
-
-# Distribution / packaging
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-
-# Installer logs
-
-# Unit test / coverage reports
-
-# Translations
-
-# Django stuff:
-
-# Flask stuff:
-
-# Scrapy stuff:
-
-# Sphinx documentation
-
-# PyBuilder
-
-# Jupyter Notebook
-
-# IPython
-
-# pyenv
-#   For a library or package, you might want to ignore these files since the code is
-#   intended to run in multiple environments; otherwise, check them in:
-# .python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-
-# poetry
-#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
-#   This is especially recommended for binary packages to ensure reproducibility, and is more
-#   commonly ignored for libraries.
-#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow
-
-# Celery stuff
-
-# SageMath parsed files
-
-# Environments
-
-# Spyder project settings
-
-# Rope project settings
-
-# mkdocs documentation
-
-# mypy
-
-# Pyre type checker
-
-# pytype static type analyzer
-
-# Cython debug symbols
-
-# PyCharm
-#  JetBrains specific template is maintainted in a separate JetBrains.gitignore that can
-#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
-#  and can be added to the global gitignore or merged into this file.  For a more nuclear
-#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-
-# End of https://www.toptal.com/developers/gitignore/api/python,flask
+# End of https://www.toptal.com/developers/gitignore/api/visualstudio,aspnetcore
--- a/BitSearch/BitSearch.API/Controllers/SearchController.cs
+++ b/BitSearch/BitSearch.API/Controllers/SearchController.cs
@ -39,14 +39,9 @@ namespace BitSearch.API.Controllers
            {
                {"Bitcoin", "#btc"},
                {"Etherum", "#eth"}, 
-                {"Tron", "#trx"}, 
-                {"Tether", "#usdt"}, 
-                {"Binance Coin", "#bnb"}, 
-                {"Cardano", "#ada"}, 
-                {"Dash", "#dash"}, 
-                {"Neo", "#neo"}, 
-                {"Steem", "#steem"}, 
-                {"Zcash", "#zec"}
+                {"Ripple", "xrp"}, 
+                {"Litecoin", "#ltc"}, 
+                {"Binance Coin", "#binance"} 
            };

            var token = Configuration["Token"];
--- a/BitSearch/BitSearch.API/Properties/launchSettings.json
+++ b/BitSearch/BitSearch.API/Properties/launchSettings.json
@ -25,7 +25,7 @@
        "ASPNETCORE_ENVIRONMENT": "Development"
      },
      "dotnetRunMessages": "true",
-      "applicationUrl": "https://localhost:5004;http://localhost:5005"
+      "applicationUrl": "https://localhost:5001;http://localhost:5000"
    }
  }
 }
--- a/BitSearch/Bitsearch.Microservice/BitSearch/main.py
+++ b/BitSearch/Bitsearch.Microservice/BitSearch/main.py
@ -1,51 +0,0 @@
-from flask import Flask, request
-import flask.scaffold
-flask.helpers._endpoint_from_view_func = flask.scaffold._endpoint_from_view_func
-from flask_restful import Resource
-import werkzeug
-werkzeug.cached_property = werkzeug.utils.cached_property
-from flask_restplus import Namespace, Resource, fields, Api
-from flask import Blueprint
-from twitter_pred import Predictor
-
-
-app = Flask(__name__)
-api = Api(app)
-namespace = Namespace("test", "opis")
-test_model = namespace.model("Test", {
-    'result': fields.String(
-        readonly = True,
-        description = 'test message'
-    )
-})
-predictor = Predictor()
-
-@namespace.route('')
-class Analysis(Resource):
-    @namespace.marshal_list_with(test_model)
-    @namespace.response(500, "error")
-    def get(self):
-        json = request.get_json()
-
-        data = predictor.anylise([tweet["text"] for tweet in json['data']])
-        return {"result": data}
-
-
-blueprint = Blueprint('documented_api', __name__, url_prefix='/documented_api')
-
-api_extension = Api(
-    blueprint,
-    title='Flask RESTplus Demo',
-    version='1.0',
-    description='Application tutorial to demonstrate Flask RESTplus extension\
-        for better project structure and auto generated documentation',
-    doc='/doc'
-)
-api_extension.add_namespace(namespace)
-app.config['RESTPLUS_MASK_SWAGGER'] = False
-app.register_blueprint(blueprint)
-
-api.add_resource(Analysis, "/analysis")
-
-if __name__ == "__main__":
-    app.run(debug=True)
--- a/BitSearch/Bitsearch.Microservice/BitSearch/model_pkl
+++ b/BitSearch/Bitsearch.Microservice/BitSearch/model_pkl
--- a/BitSearch/Bitsearch.Microservice/BitSearch/twitter_pred.py
+++ b/BitSearch/Bitsearch.Microservice/BitSearch/twitter_pred.py
@ -1,76 +0,0 @@
-# %%
-import pickle
-import re
-import json
-# %%
-
-class Predictor:
-    change_dict = {
-        # tokens
-        " username ": ['@\w+|@'],
-        " url ": ['http\S*'],
-        " emoji ": ["[;:][dbop\(\)\[\]]|[^\w][dbop\(\)\[\]][;:]|xd+|\S*&\S*", "[^\w\s,.?!:;#\'\"\(\)\$\-\+%\[\]\|]"],
-        " number ": ["[\+\-\$]?[\d]+[,\.\:k]?[\d]?[%]?"],
-        # standardization
-        ', ': ['\s,'],
-        '. ': ['\s\.'],
-        ' ': ['\s{2,}', '\n', '^rt[\s]+', '\s\:\s'],
-        "'": ["ï¿½"],
-        '?': ["\s\?"],
-        '!': ["\s\!"],
-        '".': ["\s\"\."],
-        '",': ["\s\"\,"],
-        '" ': ["\s\"\s"]
-    }
-
-    def clean_lines(self, line, change_dict):
-        line = str(line).lower()
-        for change_to, change_regex_list in change_dict.items():
-            for change_regex in change_regex_list:
-                line = re.sub(change_regex, change_to, line)
-        return line
-
-    def get_rep_idx_to_cut_out_from_str(self, line):
-        occurence = 0
-        idx_to_cut = []
-        for idx, letter in enumerate(line):
-            if idx > 0:
-                occurence = occurence + 1 if line[idx - 1] == letter else 0
-                if occurence >= 2:
-                    idx_to_cut.append(idx)
-        return idx_to_cut
-
-    def truncate_duplicated_letters_to_two(self, line):
-        idx_to_cut = self.get_rep_idx_to_cut_out_from_str(line)
-        str_out = ''
-        for i, s in enumerate(line):
-            if i not in idx_to_cut:
-                str_out += s
-        return str_out
-
-    def clean_data(self, l):
-        text = [self.clean_lines(x, self.change_dict) for x in l]
-        text = [self.truncate_duplicated_letters_to_two(x).strip() for x in text]
-        return text
-
-    def __init__(self):
-        with open('model_pkl' , 'rb') as f:
-            self.model = pickle.load(f)
-        # %%
-        with open('vectorizer_pkl' , 'rb') as f:
-            self.vectorizer = pickle.load(f)
-
-    def anylise(self, text_to_predict):
-        # %%
-        text_to_predict = self.clean_data(text_to_predict)
-        test_matrix = self.vectorizer.transform(text_to_predict)
-        data_predicted = self.model.predict(test_matrix).tolist()
-
-        # %%
-        positives = sum([1 for x in data_predicted if x == 1])
-        negatives = sum([1 for x in data_predicted if x == -1])
-        # %%
-        data_to_send = {"pos_perc": positives/(positives+negatives),
-                    "neg_perc": negatives/(positives+negatives)}
-
-        return data_to_send
--- a/BitSearch/Bitsearch.Microservice/BitSearch/vectorizer_pkl
+++ b/BitSearch/Bitsearch.Microservice/BitSearch/vectorizer_pkl
--- a/BitSearch/Bitsearch.Microservice/Scripts/Activate.ps1
+++ b/BitSearch/Bitsearch.Microservice/Scripts/Activate.ps1
@ -1,398 +0,0 @@
-<#
-.Synopsis
-Activate a Python virtual environment for the current PowerShell session.
-
-.Description
-Pushes the python executable for a virtual environment to the front of the
-$Env:PATH environment variable and sets the prompt to signify that you are
-in a Python virtual environment. Makes use of the command line switches as
-well as the `pyvenv.cfg` file values present in the virtual environment.
-
-.Parameter VenvDir
-Path to the directory that contains the virtual environment to activate. The
-default value for this is the parent of the directory that the Activate.ps1
-script is located within.
-
-.Parameter Prompt
-The prompt prefix to display when this virtual environment is activated. By
-default, this prompt is the name of the virtual environment folder (VenvDir)
-surrounded by parentheses and followed by a single space (ie. '(.venv) ').
-
-.Example
-Activate.ps1
-Activates the Python virtual environment that contains the Activate.ps1 script.
-
-.Example
-Activate.ps1 -Verbose
-Activates the Python virtual environment that contains the Activate.ps1 script,
-and shows extra information about the activation as it executes.
-
-.Example
-Activate.ps1 -VenvDir C:\Users\MyUser\Common\.venv
-Activates the Python virtual environment located in the specified location.
-
-.Example
-Activate.ps1 -Prompt "MyPython"
-Activates the Python virtual environment that contains the Activate.ps1 script,
-and prefixes the current prompt with the specified string (surrounded in
-parentheses) while the virtual environment is active.
-
-.Notes
-On Windows, it may be required to enable this Activate.ps1 script by setting the
-execution policy for the user. You can do this by issuing the following PowerShell
-command:
-
-PS C:\> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
-
-For more information on Execution Policies: 
-https://go.microsoft.com/fwlink/?LinkID=135170
-
-#>
-Param(
-    [Parameter(Mandatory = $false)]
-    [String]
-    $VenvDir,
-    [Parameter(Mandatory = $false)]
-    [String]
-    $Prompt
-)
-
-<# Function declarations --------------------------------------------------- #>
-
-<#
-.Synopsis
-Remove all shell session elements added by the Activate script, including the
-addition of the virtual environment's Python executable from the beginning of
-the PATH variable.
-
-.Parameter NonDestructive
-If present, do not remove this function from the global namespace for the
-session.
-
-#>
-function global:deactivate ([switch]$NonDestructive) {
-    # Revert to original values
-
-    # The prior prompt:
-    if (Test-Path -Path Function:_OLD_VIRTUAL_PROMPT) {
-        Copy-Item -Path Function:_OLD_VIRTUAL_PROMPT -Destination Function:prompt
-        Remove-Item -Path Function:_OLD_VIRTUAL_PROMPT
-    }
-
-    # The prior PYTHONHOME:
-    if (Test-Path -Path Env:_OLD_VIRTUAL_PYTHONHOME) {
-        Copy-Item -Path Env:_OLD_VIRTUAL_PYTHONHOME -Destination Env:PYTHONHOME
-        Remove-Item -Path Env:_OLD_VIRTUAL_PYTHONHOME
-    }
-
-    # The prior PATH:
-    if (Test-Path -Path Env:_OLD_VIRTUAL_PATH) {
-        Copy-Item -Path Env:_OLD_VIRTUAL_PATH -Destination Env:PATH
-        Remove-Item -Path Env:_OLD_VIRTUAL_PATH
-    }
-
-    # Just remove the VIRTUAL_ENV altogether:
-    if (Test-Path -Path Env:VIRTUAL_ENV) {
-        Remove-Item -Path env:VIRTUAL_ENV
-    }
-
-    # Just remove the _PYTHON_VENV_PROMPT_PREFIX altogether:
-    if (Get-Variable -Name "_PYTHON_VENV_PROMPT_PREFIX" -ErrorAction SilentlyContinue) {
-        Remove-Variable -Name _PYTHON_VENV_PROMPT_PREFIX -Scope Global -Force
-    }
-
-    # Leave deactivate function in the global namespace if requested:
-    if (-not $NonDestructive) {
-        Remove-Item -Path function:deactivate
-    }
-}
-
-<#
-.Description
-Get-PyVenvConfig parses the values from the pyvenv.cfg file located in the
-given folder, and returns them in a map.
-
-For each line in the pyvenv.cfg file, if that line can be parsed into exactly
-two strings separated by `=` (with any amount of whitespace surrounding the =)
-then it is considered a `key = value` line. The left hand string is the key,
-the right hand is the value.
-
-If the value starts with a `'` or a `"` then the first and last character is
-stripped from the value before being captured.
-
-.Parameter ConfigDir
-Path to the directory that contains the `pyvenv.cfg` file.
-#>
-function Get-PyVenvConfig(
-    [String]
-    $ConfigDir
-) {
-    Write-Verbose "Given ConfigDir=$ConfigDir, obtain values in pyvenv.cfg"
-
-    # Ensure the file exists, and issue a warning if it doesn't (but still allow the function to continue).
-    $pyvenvConfigPath = Join-Path -Resolve -Path $ConfigDir -ChildPath 'pyvenv.cfg' -ErrorAction Continue
-
-    # An empty map will be returned if no config file is found.
-    $pyvenvConfig = @{ }
-
-    if ($pyvenvConfigPath) {
-
-        Write-Verbose "File exists, parse `key = value` lines"
-        $pyvenvConfigContent = Get-Content -Path $pyvenvConfigPath
-
-        $pyvenvConfigContent | ForEach-Object {
-            $keyval = $PSItem -split "\s*=\s*", 2
-            if ($keyval[0] -and $keyval[1]) {
-                $val = $keyval[1]
-
-                # Remove extraneous quotations around a string value.
-                if ("'""".Contains($val.Substring(0, 1))) {
-                    $val = $val.Substring(1, $val.Length - 2)
-                }
-
-                $pyvenvConfig[$keyval[0]] = $val
-                Write-Verbose "Adding Key: '$($keyval[0])'='$val'"
-            }
-        }
-    }
-    return $pyvenvConfig
-}
-
-
-<# Begin Activate script --------------------------------------------------- #>
-
-# Determine the containing directory of this script
-$VenvExecPath = Split-Path -Parent $MyInvocation.MyCommand.Definition
-$VenvExecDir = Get-Item -Path $VenvExecPath
-
-Write-Verbose "Activation script is located in path: '$VenvExecPath'"
-Write-Verbose "VenvExecDir Fullname: '$($VenvExecDir.FullName)"
-Write-Verbose "VenvExecDir Name: '$($VenvExecDir.Name)"
-
-# Set values required in priority: CmdLine, ConfigFile, Default
-# First, get the location of the virtual environment, it might not be
-# VenvExecDir if specified on the command line.
-if ($VenvDir) {
-    Write-Verbose "VenvDir given as parameter, using '$VenvDir' to determine values"
-}
-else {
-    Write-Verbose "VenvDir not given as a parameter, using parent directory name as VenvDir."
-    $VenvDir = $VenvExecDir.Parent.FullName.TrimEnd("\\/")
-    Write-Verbose "VenvDir=$VenvDir"
-}
-
-# Next, read the `pyvenv.cfg` file to determine any required value such
-# as `prompt`.
-$pyvenvCfg = Get-PyVenvConfig -ConfigDir $VenvDir
-
-# Next, set the prompt from the command line, or the config file, or
-# just use the name of the virtual environment folder.
-if ($Prompt) {
-    Write-Verbose "Prompt specified as argument, using '$Prompt'"
-}
-else {
-    Write-Verbose "Prompt not specified as argument to script, checking pyvenv.cfg value"
-    if ($pyvenvCfg -and $pyvenvCfg['prompt']) {
-        Write-Verbose "  Setting based on value in pyvenv.cfg='$($pyvenvCfg['prompt'])'"
-        $Prompt = $pyvenvCfg['prompt'];
-    }
-    else {
-        Write-Verbose "  Setting prompt based on parent's directory's name. (Is the directory name passed to venv module when creating the virutal environment)"
-        Write-Verbose "  Got leaf-name of $VenvDir='$(Split-Path -Path $venvDir -Leaf)'"
-        $Prompt = Split-Path -Path $venvDir -Leaf
-    }
-}
-
-Write-Verbose "Prompt = '$Prompt'"
-Write-Verbose "VenvDir='$VenvDir'"
-
-# Deactivate any currently active virtual environment, but leave the
-# deactivate function in place.
-deactivate -nondestructive
-
-# Now set the environment variable VIRTUAL_ENV, used by many tools to determine
-# that there is an activated venv.
-$env:VIRTUAL_ENV = $VenvDir
-
-if (-not $Env:VIRTUAL_ENV_DISABLE_PROMPT) {
-
-    Write-Verbose "Setting prompt to '$Prompt'"
-
-    # Set the prompt to include the env name
-    # Make sure _OLD_VIRTUAL_PROMPT is global
-    function global:_OLD_VIRTUAL_PROMPT { "" }
-    Copy-Item -Path function:prompt -Destination function:_OLD_VIRTUAL_PROMPT
-    New-Variable -Name _PYTHON_VENV_PROMPT_PREFIX -Description "Python virtual environment prompt prefix" -Scope Global -Option ReadOnly -Visibility Public -Value $Prompt
-
-    function global:prompt {
-        Write-Host -NoNewline -ForegroundColor Green "($_PYTHON_VENV_PROMPT_PREFIX) "
-        _OLD_VIRTUAL_PROMPT
-    }
-}
-
-# Clear PYTHONHOME
-if (Test-Path -Path Env:PYTHONHOME) {
-    Copy-Item -Path Env:PYTHONHOME -Destination Env:_OLD_VIRTUAL_PYTHONHOME
-    Remove-Item -Path Env:PYTHONHOME
-}
-
-# Add the venv to the PATH
-Copy-Item -Path Env:PATH -Destination Env:_OLD_VIRTUAL_PATH
-$Env:PATH = "$VenvExecDir$([System.IO.Path]::PathSeparator)$Env:PATH"
-
-# SIG # Begin signature block
-# MIIcwAYJKoZIhvcNAQcCoIIcsTCCHK0CAQExDzANBglghkgBZQMEAgEFADB5Bgor
-# BgEEAYI3AgEEoGswaTA0BgorBgEEAYI3AgEeMCYCAwEAAAQQH8w7YFlLCE63JNLG
-# KX7zUQIBAAIBAAIBAAIBAAIBADAxMA0GCWCGSAFlAwQCAQUABCAwnDYwEHaCQq0n
-# 8NAvsN7H7BO7/48rXCNwrg891FS5vaCCC38wggUwMIIEGKADAgECAhAECRgbX9W7
-# ZnVTQ7VvlVAIMA0GCSqGSIb3DQEBCwUAMGUxCzAJBgNVBAYTAlVTMRUwEwYDVQQK
-# EwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5jb20xJDAiBgNV
-# BAMTG0RpZ2lDZXJ0IEFzc3VyZWQgSUQgUm9vdCBDQTAeFw0xMzEwMjIxMjAwMDBa
-# Fw0yODEwMjIxMjAwMDBaMHIxCzAJBgNVBAYTAlVTMRUwEwYDVQQKEwxEaWdpQ2Vy
-# dCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5jb20xMTAvBgNVBAMTKERpZ2lD
-# ZXJ0IFNIQTIgQXNzdXJlZCBJRCBDb2RlIFNpZ25pbmcgQ0EwggEiMA0GCSqGSIb3
-# DQEBAQUAA4IBDwAwggEKAoIBAQD407Mcfw4Rr2d3B9MLMUkZz9D7RZmxOttE9X/l
-# qJ3bMtdx6nadBS63j/qSQ8Cl+YnUNxnXtqrwnIal2CWsDnkoOn7p0WfTxvspJ8fT
-# eyOU5JEjlpB3gvmhhCNmElQzUHSxKCa7JGnCwlLyFGeKiUXULaGj6YgsIJWuHEqH
-# CN8M9eJNYBi+qsSyrnAxZjNxPqxwoqvOf+l8y5Kh5TsxHM/q8grkV7tKtel05iv+
-# bMt+dDk2DZDv5LVOpKnqagqrhPOsZ061xPeM0SAlI+sIZD5SlsHyDxL0xY4PwaLo
-# LFH3c7y9hbFig3NBggfkOItqcyDQD2RzPJ6fpjOp/RnfJZPRAgMBAAGjggHNMIIB
-# yTASBgNVHRMBAf8ECDAGAQH/AgEAMA4GA1UdDwEB/wQEAwIBhjATBgNVHSUEDDAK
-# BggrBgEFBQcDAzB5BggrBgEFBQcBAQRtMGswJAYIKwYBBQUHMAGGGGh0dHA6Ly9v
-# Y3NwLmRpZ2ljZXJ0LmNvbTBDBggrBgEFBQcwAoY3aHR0cDovL2NhY2VydHMuZGln
-# aWNlcnQuY29tL0RpZ2lDZXJ0QXNzdXJlZElEUm9vdENBLmNydDCBgQYDVR0fBHow
-# eDA6oDigNoY0aHR0cDovL2NybDQuZGlnaWNlcnQuY29tL0RpZ2lDZXJ0QXNzdXJl
-# ZElEUm9vdENBLmNybDA6oDigNoY0aHR0cDovL2NybDMuZGlnaWNlcnQuY29tL0Rp
-# Z2lDZXJ0QXNzdXJlZElEUm9vdENBLmNybDBPBgNVHSAESDBGMDgGCmCGSAGG/WwA
-# AgQwKjAoBggrBgEFBQcCARYcaHR0cHM6Ly93d3cuZGlnaWNlcnQuY29tL0NQUzAK
-# BghghkgBhv1sAzAdBgNVHQ4EFgQUWsS5eyoKo6XqcQPAYPkt9mV1DlgwHwYDVR0j
-# BBgwFoAUReuir/SSy4IxLVGLp6chnfNtyA8wDQYJKoZIhvcNAQELBQADggEBAD7s
-# DVoks/Mi0RXILHwlKXaoHV0cLToaxO8wYdd+C2D9wz0PxK+L/e8q3yBVN7Dh9tGS
-# dQ9RtG6ljlriXiSBThCk7j9xjmMOE0ut119EefM2FAaK95xGTlz/kLEbBw6RFfu6
-# r7VRwo0kriTGxycqoSkoGjpxKAI8LpGjwCUR4pwUR6F6aGivm6dcIFzZcbEMj7uo
-# +MUSaJ/PQMtARKUT8OZkDCUIQjKyNookAv4vcn4c10lFluhZHen6dGRrsutmQ9qz
-# sIzV6Q3d9gEgzpkxYz0IGhizgZtPxpMQBvwHgfqL2vmCSfdibqFT+hKUGIUukpHq
-# aGxEMrJmoecYpJpkUe8wggZHMIIFL6ADAgECAhADPtXtoGXRuMkd/PkqbJvYMA0G
-# CSqGSIb3DQEBCwUAMHIxCzAJBgNVBAYTAlVTMRUwEwYDVQQKEwxEaWdpQ2VydCBJ
-# bmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5jb20xMTAvBgNVBAMTKERpZ2lDZXJ0
-# IFNIQTIgQXNzdXJlZCBJRCBDb2RlIFNpZ25pbmcgQ0EwHhcNMTgxMjE4MDAwMDAw
-# WhcNMjExMjIyMTIwMDAwWjCBgzELMAkGA1UEBhMCVVMxFjAUBgNVBAgTDU5ldyBI
-# YW1wc2hpcmUxEjAQBgNVBAcTCVdvbGZlYm9ybzEjMCEGA1UEChMaUHl0aG9uIFNv
-# ZnR3YXJlIEZvdW5kYXRpb24xIzAhBgNVBAMTGlB5dGhvbiBTb2Z0d2FyZSBGb3Vu
-# ZGF0aW9uMIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEAqr2kS7J1uW7o
-# JRxlsdrETAjKarfoH5TI8PWST6Yb2xPooP7vHT4iaVXyL5Lze1f53Jw67Sp+u524
-# fJXf30qHViEWxumy2RWG0nciU2d+mMqzjlaAWSZNF0u4RcvyDJokEV0RUOqI5CG5
-# zPI3W9uQ6LiUk3HCYW6kpH177A5T3pw/Po8O8KErJGn1anaqtIICq99ySxrMad/2
-# hPMBRf6Ndah7f7HPn1gkSSTAoejyuqF5h+B0qI4+JK5+VLvz659VTbAWJsYakkxZ
-# xVWYpFv4KeQSSwoo0DzMvmERsTzNvVBMWhu9OriJNg+QfFmf96zVTu93cZ+r7xMp
-# bXyfIOGKhHMaRuZ8ihuWIx3gI9WHDFX6fBKR8+HlhdkaiBEWIsXRoy+EQUyK7zUs
-# +FqOo2sRYttbs8MTF9YDKFZwyPjn9Wn+gLGd5NUEVyNvD9QVGBEtN7vx87bduJUB
-# 8F4DylEsMtZTfjw/au6AmOnmneK5UcqSJuwRyZaGNk7y3qj06utx+HTTqHgi975U
-# pxfyrwAqkovoZEWBVSpvku8PVhkBXcLmNe6MEHlFiaMoiADAeKmX5RFRkN+VrmYG
-# Tg4zajxfdHeIY8TvLf48tTfmnQJd98geJQv/01NUy/FxuwqAuTkaez5Nl1LxP0Cp
-# THhghzO4FRD4itT2wqTh4jpojw9QZnsCAwEAAaOCAcUwggHBMB8GA1UdIwQYMBaA
-# FFrEuXsqCqOl6nEDwGD5LfZldQ5YMB0GA1UdDgQWBBT8Kr9+1L6s84KcpM97IgE7
-# uI8H8jAOBgNVHQ8BAf8EBAMCB4AwEwYDVR0lBAwwCgYIKwYBBQUHAwMwdwYDVR0f
-# BHAwbjA1oDOgMYYvaHR0cDovL2NybDMuZGlnaWNlcnQuY29tL3NoYTItYXNzdXJl
-# ZC1jcy1nMS5jcmwwNaAzoDGGL2h0dHA6Ly9jcmw0LmRpZ2ljZXJ0LmNvbS9zaGEy
-# LWFzc3VyZWQtY3MtZzEuY3JsMEwGA1UdIARFMEMwNwYJYIZIAYb9bAMBMCowKAYI
-# KwYBBQUHAgEWHGh0dHBzOi8vd3d3LmRpZ2ljZXJ0LmNvbS9DUFMwCAYGZ4EMAQQB
-# MIGEBggrBgEFBQcBAQR4MHYwJAYIKwYBBQUHMAGGGGh0dHA6Ly9vY3NwLmRpZ2lj
-# ZXJ0LmNvbTBOBggrBgEFBQcwAoZCaHR0cDovL2NhY2VydHMuZGlnaWNlcnQuY29t
-# L0RpZ2lDZXJ0U0hBMkFzc3VyZWRJRENvZGVTaWduaW5nQ0EuY3J0MAwGA1UdEwEB
-# /wQCMAAwDQYJKoZIhvcNAQELBQADggEBAEt1oS21X0axiafPjyY+vlYqjWKuUu/Y
-# FuYWIEq6iRRaFabNDhj9RBFQF/aJiE5msrQEOfAD6/6gVSH91lZWBqg6NEeG9T9S
-# XbiAPvJ9CEWFsdkXUrjbWhvCnuZ7kqUuU5BAumI1QRbpYgZL3UA+iZXkmjbGh1ln
-# 8rUhWIxbBYL4Sg2nqpB44p7CUFYkPj/MbwU2gvBV2pXjj5WaskoZtsACMv5g42BN
-# oVLoRAi+ev6s07POt+JtHRIm87lTyuc8wh0swTPUwksKbLU1Zdj9CpqtzXnuVE0w
-# 50exJvRSK3Vt4g+0vigpI3qPmDdpkf9+4Mvy0XMNcqrthw20R+PkIlMxghCXMIIQ
-# kwIBATCBhjByMQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkw
-# FwYDVQQLExB3d3cuZGlnaWNlcnQuY29tMTEwLwYDVQQDEyhEaWdpQ2VydCBTSEEy
-# IEFzc3VyZWQgSUQgQ29kZSBTaWduaW5nIENBAhADPtXtoGXRuMkd/PkqbJvYMA0G
-# CWCGSAFlAwQCAQUAoIGaMBkGCSqGSIb3DQEJAzEMBgorBgEEAYI3AgEEMBwGCisG
-# AQQBgjcCAQsxDjAMBgorBgEEAYI3AgEVMC4GCisGAQQBgjcCAQwxIDAeoByAGgBQ
-# AHkAdABoAG8AbgAgADMALgA4AC4AMQAwMC8GCSqGSIb3DQEJBDEiBCAGueLiZxG/
-# uwwkezGlE6NGik7PbC5BWsmef6UPtfvL6DANBgkqhkiG9w0BAQEFAASCAgBFCSGD
-# sxcFCakg+TKDhbuPBHuY6y9GIgOIPoDAKzSNTmGd38nlGq9GNiOCDzYDS2tEdwwc
-# 3Kt4G9Yc6OF8aPhYSjOg2N2DGoRDk5FYg1VAZYtdZGWIWkbxHKv1//04J38a18Wd
-# QpSk+54Nu4ith/3HXeiUxb1IjHECHyq/cBj34op7Kl3SiSfLt4qW6n1FyQnrAq9M
-# 8EyAJwx1q7sX5ugzvHTUE/stbLkxXO/k06MQ96GPt+knJgWy77EOgdwMQmnQoLQV
-# XFyMQsa4SxpytVOtOgpdzAavrrmC6qbifbqLeUcioA4a2pm9Pa2xVetUFDilvSyM
-# rIHRGx5LUCK1FGYccjXidJ4NFvINNT6pOylwkraxZdWJsptTrdR9oRUo8Lh6QAh1
-# JPAw4mod88kbI5/5H0rOcTsa7P8jAtxkp0uwvxvGUxT+M+A5hwu81wTYsQZbEaVn
-# H+JI2ADE4CnquMwhoUqQsqgVctZGX1r4AA7LhveEZEHOQ7m6KPYepdTKAGBf0KhO
-# eEOSjJpnjQzaVmTaP2pfxgaoHHTSQ4AwIdIyO9m5wDoIznWT9T8618T6mzL0m8W5
-# cX1fHREbifIJLSv3PXiYde0OWVqYIQO9PS7uTJ345Th+TCZUc+SYrC6Vq0PUsRZH
-# IHLP6UH7SZfsjmlQbD/IiHR9g3kDInlij+IgQ6GCDUQwgg1ABgorBgEEAYI3AwMB
-# MYINMDCCDSwGCSqGSIb3DQEHAqCCDR0wgg0ZAgEDMQ8wDQYJYIZIAWUDBAIBBQAw
-# dwYLKoZIhvcNAQkQAQSgaARmMGQCAQEGCWCGSAGG/WwHATAxMA0GCWCGSAFlAwQC
-# AQUABCBuuoKKI5VzqiwEcymFiOxOYAKyJj+lwucjo+Pb4yWr0QIQTCCWuLxarqMV
-# tBcxlyFhXBgPMjAyMTA1MDMxMTUyNDhaoIIKNzCCBP4wggPmoAMCAQICEA1CSuC+
-# Ooj/YEAhzhQA8N0wDQYJKoZIhvcNAQELBQAwcjELMAkGA1UEBhMCVVMxFTATBgNV
-# BAoTDERpZ2lDZXJ0IEluYzEZMBcGA1UECxMQd3d3LmRpZ2ljZXJ0LmNvbTExMC8G
-# A1UEAxMoRGlnaUNlcnQgU0hBMiBBc3N1cmVkIElEIFRpbWVzdGFtcGluZyBDQTAe
-# Fw0yMTAxMDEwMDAwMDBaFw0zMTAxMDYwMDAwMDBaMEgxCzAJBgNVBAYTAlVTMRcw
-# FQYDVQQKEw5EaWdpQ2VydCwgSW5jLjEgMB4GA1UEAxMXRGlnaUNlcnQgVGltZXN0
-# YW1wIDIwMjEwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQDC5mGEZ8WK
-# 9Q0IpEXKY2tR1zoRQr0KdXVNlLQMULUmEP4dyG+RawyW5xpcSO9E5b+bYc0VkWJa
-# uP9nC5xj/TZqgfop+N0rcIXeAhjzeG28ffnHbQk9vmp2h+mKvfiEXR52yeTGdnY6
-# U9HR01o2j8aj4S8bOrdh1nPsTm0zinxdRS1LsVDmQTo3VobckyON91Al6GTm3dOP
-# L1e1hyDrDo4s1SPa9E14RuMDgzEpSlwMMYpKjIjF9zBa+RSvFV9sQ0kJ/SYjU/aN
-# Y+gaq1uxHTDCm2mCtNv8VlS8H6GHq756WwogL0sJyZWnjbL61mOLTqVyHO6fegFz
-# +BnW/g1JhL0BAgMBAAGjggG4MIIBtDAOBgNVHQ8BAf8EBAMCB4AwDAYDVR0TAQH/
-# BAIwADAWBgNVHSUBAf8EDDAKBggrBgEFBQcDCDBBBgNVHSAEOjA4MDYGCWCGSAGG
-# /WwHATApMCcGCCsGAQUFBwIBFhtodHRwOi8vd3d3LmRpZ2ljZXJ0LmNvbS9DUFMw
-# HwYDVR0jBBgwFoAU9LbhIB3+Ka7S5GGlsqIlssgXNW4wHQYDVR0OBBYEFDZEho6k
-# urBmvrwoLR1ENt3janq8MHEGA1UdHwRqMGgwMqAwoC6GLGh0dHA6Ly9jcmwzLmRp
-# Z2ljZXJ0LmNvbS9zaGEyLWFzc3VyZWQtdHMuY3JsMDKgMKAuhixodHRwOi8vY3Js
-# NC5kaWdpY2VydC5jb20vc2hhMi1hc3N1cmVkLXRzLmNybDCBhQYIKwYBBQUHAQEE
-# eTB3MCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdpY2VydC5jb20wTwYIKwYB
-# BQUHMAKGQ2h0dHA6Ly9jYWNlcnRzLmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydFNIQTJB
-# c3N1cmVkSURUaW1lc3RhbXBpbmdDQS5jcnQwDQYJKoZIhvcNAQELBQADggEBAEgc
-# 3LXpmiO85xrnIA6OZ0b9QnJRdAojR6OrktIlxHBZvhSg5SeBpU0UFRkHefDRBMOG
-# 2Tu9/kQCZk3taaQP9rhwz2Lo9VFKeHk2eie38+dSn5On7UOee+e03UEiifuHokYD
-# Tvz0/rdkd2NfI1Jpg4L6GlPtkMyNoRdzDfTzZTlwS/Oc1np72gy8PTLQG8v1Yfx1
-# CAB2vIEO+MDhXM/EEXLnG2RJ2CKadRVC9S0yOIHa9GCiurRS+1zgYSQlT7LfySmo
-# c0NR2r1j1h9bm/cuG08THfdKDXF+l7f0P4TrweOjSaH6zqe/Vs+6WXZhiV9+p7SO
-# Z3j5NpjhyyjaW4emii8wggUxMIIEGaADAgECAhAKoSXW1jIbfkHkBdo2l8IVMA0G
-# CSqGSIb3DQEBCwUAMGUxCzAJBgNVBAYTAlVTMRUwEwYDVQQKEwxEaWdpQ2VydCBJ
-# bmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5jb20xJDAiBgNVBAMTG0RpZ2lDZXJ0
-# IEFzc3VyZWQgSUQgUm9vdCBDQTAeFw0xNjAxMDcxMjAwMDBaFw0zMTAxMDcxMjAw
-# MDBaMHIxCzAJBgNVBAYTAlVTMRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNV
-# BAsTEHd3dy5kaWdpY2VydC5jb20xMTAvBgNVBAMTKERpZ2lDZXJ0IFNIQTIgQXNz
-# dXJlZCBJRCBUaW1lc3RhbXBpbmcgQ0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAw
-# ggEKAoIBAQC90DLuS82Pf92puoKZxTlUKFe2I0rEDgdFM1EQfdD5fU1ofue2oPSN
-# s4jkl79jIZCYvxO8V9PD4X4I1moUADj3Lh477sym9jJZ/l9lP+Cb6+NGRwYaVX4L
-# J37AovWg4N4iPw7/fpX786O6Ij4YrBHk8JkDbTuFfAnT7l3ImgtU46gJcWvgzyIQ
-# D3XPcXJOCq3fQDpct1HhoXkUxk0kIzBdvOw8YGqsLwfM/fDqR9mIUF79Zm5WYScp
-# iYRR5oLnRlD9lCosp+R1PrqYD4R/nzEU1q3V8mTLex4F0IQZchfxFwbvPc3WTe8G
-# Qv2iUypPhR3EHTyvz9qsEPXdrKzpVv+TAgMBAAGjggHOMIIByjAdBgNVHQ4EFgQU
-# 9LbhIB3+Ka7S5GGlsqIlssgXNW4wHwYDVR0jBBgwFoAUReuir/SSy4IxLVGLp6ch
-# nfNtyA8wEgYDVR0TAQH/BAgwBgEB/wIBADAOBgNVHQ8BAf8EBAMCAYYwEwYDVR0l
-# BAwwCgYIKwYBBQUHAwgweQYIKwYBBQUHAQEEbTBrMCQGCCsGAQUFBzABhhhodHRw
-# Oi8vb2NzcC5kaWdpY2VydC5jb20wQwYIKwYBBQUHMAKGN2h0dHA6Ly9jYWNlcnRz
-# LmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydEFzc3VyZWRJRFJvb3RDQS5jcnQwgYEGA1Ud
-# HwR6MHgwOqA4oDaGNGh0dHA6Ly9jcmw0LmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydEFz
-# c3VyZWRJRFJvb3RDQS5jcmwwOqA4oDaGNGh0dHA6Ly9jcmwzLmRpZ2ljZXJ0LmNv
-# bS9EaWdpQ2VydEFzc3VyZWRJRFJvb3RDQS5jcmwwUAYDVR0gBEkwRzA4BgpghkgB
-# hv1sAAIEMCowKAYIKwYBBQUHAgEWHGh0dHBzOi8vd3d3LmRpZ2ljZXJ0LmNvbS9D
-# UFMwCwYJYIZIAYb9bAcBMA0GCSqGSIb3DQEBCwUAA4IBAQBxlRLpUYdWac3v3dp8
-# qmN6s3jPBjdAhO9LhL/KzwMC/cWnww4gQiyvd/MrHwwhWiq3BTQdaq6Z+CeiZr8J
-# qmDfdqQ6kw/4stHYfBli6F6CJR7Euhx7LCHi1lssFDVDBGiy23UC4HLHmNY8ZOUf
-# SBAYX4k4YU1iRiSHY4yRUiyvKYnleB/WCxSlgNcSR3CzddWThZN+tpJn+1Nhiaj1
-# a5bA9FhpDXzIAbG5KHW3mWOFIoxhynmUfln8jA/jb7UBJrZspe6HUSHkWGCbugwt
-# K22ixH67xCUrRwIIfEmuE7bhfEJCKMYYVs9BNLZmXbZ0e/VWMyIvIjayS6JKldj1
-# po5SMYICTTCCAkkCAQEwgYYwcjELMAkGA1UEBhMCVVMxFTATBgNVBAoTDERpZ2lD
-# ZXJ0IEluYzEZMBcGA1UECxMQd3d3LmRpZ2ljZXJ0LmNvbTExMC8GA1UEAxMoRGln
-# aUNlcnQgU0hBMiBBc3N1cmVkIElEIFRpbWVzdGFtcGluZyBDQQIQDUJK4L46iP9g
-# QCHOFADw3TANBglghkgBZQMEAgEFAKCBmDAaBgkqhkiG9w0BCQMxDQYLKoZIhvcN
-# AQkQAQQwHAYJKoZIhvcNAQkFMQ8XDTIxMDUwMzExNTI0OFowKwYLKoZIhvcNAQkQ
-# AgwxHDAaMBgwFgQU4deCqOGRvu9ryhaRtaq0lKYkm/MwLwYJKoZIhvcNAQkEMSIE
-# IF4QsNmEZSxyIoRHXsGFuji0l/UWCqW9PHVzCEWUlsAfMA0GCSqGSIb3DQEBAQUA
-# BIIBAGLTB2GJcXOg7O2cTQmsIoasfSqq+sCpeV4z2od18Lx4IIdnj3R0gKY8UH2T
-# 2j0JMcPogZDZxqxKY//0KP5AL1SzHwD5tN/61Fg/oVk6Yp7dw8HN1V5Kayg9IrXf
-# xyfway7Zc6YAWWzRtf5vv7xpgRKGTUahGrYZwxJPnAyhW643vymwhkQ/cRodTJIz
-# d3qdy4sTHORPKwPUzhxjhsGah6GBAe+Rho03JiRIvQsvUaF5igjA4fJ1QSFKZvqz
-# rA0oiJNZckQHYEPxh1AQShen9Jhr7fd2j5bVVBpaWAALmRdr8Q12CiFlQyk4KKy7
-# AEIHi2Rbf06++s+R2qJ5Tzfggs4=
-# SIG # End signature block
--- a/BitSearch/Bitsearch.Microservice/Scripts/activate
+++ b/BitSearch/Bitsearch.Microservice/Scripts/activate
@ -1,76 +0,0 @@
-# This file must be used with "source bin/activate" *from bash*
-# you cannot run it directly
-
-deactivate () {
-    # reset old environment variables
-    if [ -n "${_OLD_VIRTUAL_PATH:-}" ] ; then
-        PATH="${_OLD_VIRTUAL_PATH:-}"
-        export PATH
-        unset _OLD_VIRTUAL_PATH
-    fi
-    if [ -n "${_OLD_VIRTUAL_PYTHONHOME:-}" ] ; then
-        PYTHONHOME="${_OLD_VIRTUAL_PYTHONHOME:-}"
-        export PYTHONHOME
-        unset _OLD_VIRTUAL_PYTHONHOME
-    fi
-
-    # This should detect bash and zsh, which have a hash command that must
-    # be called to get it to forget past commands.  Without forgetting
-    # past commands the $PATH changes we made may not be respected
-    if [ -n "${BASH:-}" -o -n "${ZSH_VERSION:-}" ] ; then
-        hash -r
-    fi
-
-    if [ -n "${_OLD_VIRTUAL_PS1:-}" ] ; then
-        PS1="${_OLD_VIRTUAL_PS1:-}"
-        export PS1
-        unset _OLD_VIRTUAL_PS1
-    fi
-
-    unset VIRTUAL_ENV
-    if [ ! "${1:-}" = "nondestructive" ] ; then
-    # Self destruct!
-        unset -f deactivate
-    fi
-}
-
-# unset irrelevant variables
-deactivate nondestructive
-
-VIRTUAL_ENV="J:\Desktop\Projekt\bitsearch"
-export VIRTUAL_ENV
-
-_OLD_VIRTUAL_PATH="$PATH"
-PATH="$VIRTUAL_ENV/Scripts:$PATH"
-export PATH
-
-# unset PYTHONHOME if set
-# this will fail if PYTHONHOME is set to the empty string (which is bad anyway)
-# could use `if (set -u; : $PYTHONHOME) ;` in bash
-if [ -n "${PYTHONHOME:-}" ] ; then
-    _OLD_VIRTUAL_PYTHONHOME="${PYTHONHOME:-}"
-    unset PYTHONHOME
-fi
-
-if [ -z "${VIRTUAL_ENV_DISABLE_PROMPT:-}" ] ; then
-    _OLD_VIRTUAL_PS1="${PS1:-}"
-    if [ "x(bitsearch) " != x ] ; then
-	PS1="(bitsearch) ${PS1:-}"
-    else
-    if [ "`basename \"$VIRTUAL_ENV\"`" = "__" ] ; then
-        # special case for Aspen magic directories
-        # see https://aspen.io/
-        PS1="[`basename \`dirname \"$VIRTUAL_ENV\"\``] $PS1"
-    else
-        PS1="(`basename \"$VIRTUAL_ENV\"`)$PS1"
-    fi
-    fi
-    export PS1
-fi
-
-# This should detect bash and zsh, which have a hash command that must
-# be called to get it to forget past commands.  Without forgetting
-# past commands the $PATH changes we made may not be respected
-if [ -n "${BASH:-}" -o -n "${ZSH_VERSION:-}" ] ; then
-    hash -r
-fi
--- a/BitSearch/Bitsearch.Microservice/Scripts/activate.bat
+++ b/BitSearch/Bitsearch.Microservice/Scripts/activate.bat
@ -1,33 +0,0 @@
-@echo off
-
-rem This file is UTF-8 encoded, so we need to update the current code page while executing it
-for /f "tokens=2 delims=:." %%a in ('"%SystemRoot%\System32\chcp.com"') do (
-    set _OLD_CODEPAGE=%%a
-)
-if defined _OLD_CODEPAGE (
-    "%SystemRoot%\System32\chcp.com" 65001 > nul
-)
-
-set VIRTUAL_ENV=J:\Desktop\Projekt\bitsearch
-
-if not defined PROMPT set PROMPT=$P$G
-
-if defined _OLD_VIRTUAL_PROMPT set PROMPT=%_OLD_VIRTUAL_PROMPT%
-if defined _OLD_VIRTUAL_PYTHONHOME set PYTHONHOME=%_OLD_VIRTUAL_PYTHONHOME%
-
-set _OLD_VIRTUAL_PROMPT=%PROMPT%
-set PROMPT=(bitsearch) %PROMPT%
-
-if defined PYTHONHOME set _OLD_VIRTUAL_PYTHONHOME=%PYTHONHOME%
-set PYTHONHOME=
-
-if defined _OLD_VIRTUAL_PATH set PATH=%_OLD_VIRTUAL_PATH%
-if not defined _OLD_VIRTUAL_PATH set _OLD_VIRTUAL_PATH=%PATH%
-
-set PATH=%VIRTUAL_ENV%\Scripts;%PATH%
-
-:END
-if defined _OLD_CODEPAGE (
-    "%SystemRoot%\System32\chcp.com" %_OLD_CODEPAGE% > nul
-    set _OLD_CODEPAGE=
-)
--- a/BitSearch/Bitsearch.Microservice/Scripts/deactivate.bat
+++ b/BitSearch/Bitsearch.Microservice/Scripts/deactivate.bat
@ -1,21 +0,0 @@
-@echo off
-
-if defined _OLD_VIRTUAL_PROMPT (
-    set "PROMPT=%_OLD_VIRTUAL_PROMPT%"
-)
-set _OLD_VIRTUAL_PROMPT=
-
-if defined _OLD_VIRTUAL_PYTHONHOME (
-    set "PYTHONHOME=%_OLD_VIRTUAL_PYTHONHOME%"
-    set _OLD_VIRTUAL_PYTHONHOME=
-)
-
-if defined _OLD_VIRTUAL_PATH (
-    set "PATH=%_OLD_VIRTUAL_PATH%"
-)
-
-set _OLD_VIRTUAL_PATH=
-
-set VIRTUAL_ENV=
-
-:END
--- a/BitSearch/Bitsearch.Microservice/Scripts/f2py.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/f2py.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/flask.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/flask.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/jsonschema.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/jsonschema.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/pip.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/pip.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/pip3.8.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/pip3.8.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/pip3.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/pip3.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/python.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/python.exe
--- a/BitSearch/Bitsearch.Microservice/Scripts/pythonw.exe
+++ b/BitSearch/Bitsearch.Microservice/Scripts/pythonw.exe
--- a/BitSearch/Bitsearch.Microservice/pyvenv.cfg
+++ b/BitSearch/Bitsearch.Microservice/pyvenv.cfg
@ -1,3 +0,0 @@
-home = C:\software\python3
-include-system-site-packages = false
-version = 3.8.10
--- a/BitSearch/Bitsearch.Microservice/requirements.txt
+++ b/BitSearch/Bitsearch.Microservice/requirements.txt
@ -1,23 +0,0 @@
-aniso8601==9.0.1
-attrs==21.4.0
-click==8.0.3
-colorama==0.4.4
-Flask==2.0.2
-Flask-RESTful==0.3.9
-flask-restplus==0.13.0
-importlib-resources==5.4.0
-itsdangerous==2.0.1
-Jinja2==3.0.3
-joblib==1.1.0
-jsonschema==4.4.0
-MarkupSafe==2.0.1
-numpy==1.22.1
-pyrsistent==0.18.1
-pytz==2021.3
-scikit-learn==1.0.2
-scipy==1.7.3
-six==1.16.0
-sklearn==0.0
-threadpoolctl==3.0.0
-Werkzeug==2.0.2
-zipp==3.7.0
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
--- a/frontend/README.md
+++ b/frontend/README.md
@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
--- a/frontend/package.json
+++ b/frontend/package.json
@ -0,0 +1,52 @@
+{
+  "name": "frontend",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@devexpress/dx-react-chart-material-ui": "^2.7.6",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@mui/icons-material": "^5.2.5",
+    "@mui/lab": "^5.0.0-alpha.64",
+    "@mui/material": "^5.2.8",
+    "@mui/styled-engine-sc": "^5.1.0",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
+    "d3": "^7.3.0",
+    "express": "^4.17.2",
+    "heroku": "^7.59.2",
+    "heroku-cli": "^7.0.9",
+    "react-minimal-pie-chart": "^8.2.0",
+    "react-multi-carousel": "^2.6.5",
+    "react-router-dom": "^6.2.1",
+    "react-scripts": "5.0.0",
+    "react-simply-carousel": "^5.1.4",
+    "styled-components": "^5.3.3",
+    "web-vitals": "^2.1.3"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
--- a/frontend/public/favicon.ico
+++ b/frontend/public/favicon.ico
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/public/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="/public/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="/public/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
--- a/frontend/public/logo192.png
+++ b/frontend/public/logo192.png
--- a/frontend/public/logo512.png
+++ b/frontend/public/logo512.png
--- a/frontend/public/manifest.json
+++ b/frontend/public/manifest.json
@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
--- a/frontend/public/robots.txt
+++ b/frontend/public/robots.txt
@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
--- a/frontend/server/server.js
+++ b/frontend/server/server.js
@ -0,0 +1,12 @@
+const path = require('path');
+const express = require('express');
+const app = express();
+const publicPath = path.join(__dirname, '..', 'public');
+const port = process.env.PORT || 3000;
+app.use(express.static(publicPath));
+app.get('*', (req, res) => {
+   res.sendFile(path.join(publicPath, 'index.html'));
+});
+app.listen(port, () => {
+   console.log('Server is up!');
+});
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@ -0,0 +1,13 @@
+import './App.css';
+import RoutedApplication from './Views'
+//import background from './Assets/background.png'
+
+function App() {
+  return (
+    <div className="App" >
+      <RoutedApplication />
+    </div>
+  );
+}
+
+export default App;
--- a/frontend/src/App.test.js
+++ b/frontend/src/App.test.js
@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});
--- a/frontend/src/Assets/1.png
+++ b/frontend/src/Assets/1.png
--- a/frontend/src/Assets/10.png
+++ b/frontend/src/Assets/10.png
--- a/frontend/src/Assets/11.png
+++ b/frontend/src/Assets/11.png
--- a/frontend/src/Assets/2.png
+++ b/frontend/src/Assets/2.png
--- a/frontend/src/Assets/4.png
+++ b/frontend/src/Assets/4.png
--- a/frontend/src/Assets/5.png
+++ b/frontend/src/Assets/5.png
--- a/frontend/src/Assets/6.png
+++ b/frontend/src/Assets/6.png
--- a/frontend/src/Assets/7.png
+++ b/frontend/src/Assets/7.png
--- a/frontend/src/Assets/8.png
+++ b/frontend/src/Assets/8.png
--- a/frontend/src/Assets/9.png
+++ b/frontend/src/Assets/9.png
--- a/frontend/src/Assets/background.png
+++ b/frontend/src/Assets/background.png
--- a/frontend/src/Assets/logo.png
+++ b/frontend/src/Assets/logo.png
--- a/frontend/src/Assets/logo_corner.png
+++ b/frontend/src/Assets/logo_corner.png
--- a/frontend/src/Assets/puste_logo.png
+++ b/frontend/src/Assets/puste_logo.png
--- a/frontend/src/Assets/ranking.png
+++ b/frontend/src/Assets/ranking.png
--- a/frontend/src/Assets/ranking_vs.png
+++ b/frontend/src/Assets/ranking_vs.png
--- a/frontend/src/Components/AutoComplete.js
+++ b/frontend/src/Components/AutoComplete.js
@ -0,0 +1,24 @@
+import * as React from 'react';
+import TextField from '@mui/material/TextField';
+import Autocomplete from '@mui/material/Autocomplete';
+
+export default function ComboBox() {
+  return (
+    <Autocomplete
+      disablePortal
+      id="combo-box-demo"
+      options={crypto}
+      sx={{ width: 300 }}
+      renderInput={(params) => <TextField {...params} label="Choose coin" />}
+    />
+  );
+}
+
+const crypto = [
+  { label: 'Bitcoin', abbreviation: 'BTC' },
+  { label: 'Ethereum', abbreviation: 'ETH' },
+  { label: 'Cardano', abbreviation: 'ADA' },
+  { label: 'Polkadot', abbreviation: 'DOT' },
+  { label: 'Solana', abbreviation:'SOL' },
+  { label: 'XRP', abbreviation: 'XRP' },
+];
--- a/frontend/src/Components/Box.js
+++ b/frontend/src/Components/Box.js
@ -0,0 +1,18 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+
+export default function BoxSx() {
+  return (
+    <Box
+      sx={{
+        width: 300,
+        height: 300,
+        backgroundColor: 'primary.dark',
+        '&:hover': {
+          backgroundColor: 'primary.main',
+          opacity: [0.9, 0.8, 0.7],
+        },
+      }}
+    />
+  );
+}
--- a/frontend/src/Components/Carousel
+++ b/frontend/src/Components/Carousel
@ -0,0 +1,37 @@
+import React, { Component } from "react";
+import Carousel from "react-simply-carousel";
+
+export class CarouselCrypto extends Component {
+  state = {
+    activeSlideIndex: 0,
+  };
+
+  setActiveSlideIndex = (newActiveSlideIndex) => {
+    this.setState({
+      activeSlideIndex: newActiveSlideIndex,
+    });
+  };
+
+  render() {
+    return (
+      <Carousel
+        activeSlideIndex={this.state.activeSlideIndex}
+        onRequestChange={this.setActiveSlideIndex}
+        itemsToShow={3}
+        itemsToScroll={3}
+      >
+        <div style={{ width: 300, height: 300 }}>slide 0</div>
+        <div style={{ width: 300, height: 300 }}>slide 1</div>
+        <div style={{ width: 300, height: 300 }}>slide 2</div>
+        <div style={{ width: 300, height: 300 }}>slide 3</div>
+        <div style={{ width: 300, height: 300 }}>slide 4</div>
+        <div style={{ width: 300, height: 300 }}>slide 5</div>
+        <div style={{ width: 300, height: 300 }}>slide 6</div>
+        <div style={{ width: 300, height: 300 }}>slide 7</div>
+        <div style={{ width: 300, height: 300 }}>slide 8</div>
+        <div style={{ width: 300, height: 300 }}>slide 9</div>
+      </Carousel>
+    );
+  }
+}
+export default CarouselCrypto
--- a/frontend/src/Components/Container.js
+++ b/frontend/src/Components/Container.js
@ -0,0 +1,15 @@
+import * as React from 'react';
+import CssBaseline from '@mui/material/CssBaseline';
+import Box from '@mui/material/Box';
+import Container from '@mui/material/Container';
+
+export default function SimpleContainer() {
+  return (
+    <React.Fragment>
+      <CssBaseline />
+      <Container maxWidth="xl">
+        <Box sx={{ bgcolor: '#D3D3D3', height: '100vh' }} />
+      </Container>
+    </React.Fragment>
+  );
+}
--- a/frontend/src/Components/DatePicker.js
+++ b/frontend/src/Components/DatePicker.js
@ -0,0 +1,22 @@
+import * as React from 'react';
+import TextField from '@mui/material/TextField';
+import AdapterDayjs from '@mui/lab/AdapterDayjs';
+import LocalizationProvider from '@mui/lab/LocalizationProvider';
+import DatePicker from '@mui/lab/DatePicker';
+
+export default function BasicDatePicker() {
+  const [value, setValue] = React.useState(null);
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterDayjs}>
+      <DatePicker
+        label="Choose a date"
+        value={value}
+        onChange={(newValue) => {
+          setValue(newValue);
+        }}
+        renderInput={(params) => <TextField {...params} />}
+      />
+    </LocalizationProvider>
+  );
+}
--- a/frontend/src/Components/Header.js
+++ b/frontend/src/Components/Header.js
@ -0,0 +1,150 @@
+import * as React from 'react';
+import AppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import Menu from '@mui/material/Menu';
+import MenuIcon from '@mui/icons-material/Menu';
+import Container from '@mui/material/Container';
+import Avatar from '@mui/material/Avatar';
+import Button from '@mui/material/Button';
+import Tooltip from '@mui/material/Tooltip';
+import MenuItem from '@mui/material/MenuItem';
+import {useNavigate, Link} from 'react-router-dom';
+import {useCallback} from 'react';
+
+//Adding new pages or settings
+const pages = ['Ranking'];
+//Settings that display after clicking Profile icon
+const settings = ['Profile', 'Account', 'Dashboard', 'Logout'];
+
+
+const ResponsiveAppBar = () => {
+  const [anchorElNav, setAnchorElNav] = React.useState(null);
+  const [anchorElUser, setAnchorElUser] = React.useState(null);
+  const navigate = useNavigate();
+  const handleOnClick = useCallback(() => navigate('/ranking', {replace: true}), [navigate]);
+
+  const handleOpenNavMenu = (event) => {
+    setAnchorElNav(event.currentTarget);
+  };
+  const handleOpenUserMenu = (event) => {
+    setAnchorElUser(event.currentTarget);
+  };
+
+  const handleCloseNavMenu = () => {
+    setAnchorElNav(null);
+  };
+
+  const handleCloseUserMenu = () => {
+    setAnchorElUser(null);
+  };
+
+  return (
+    <AppBar position="static" >
+      <Container maxWidth="xl" style={{ background: '#000000' }}>
+        <Toolbar disableGutters >
+          <Link to="/home">
+          <Typography
+            variant="h6"
+            noWrap
+            component="div"
+            color = "gold"
+            sx={{ mr: 2, display: { xs: 'none', md: 'flex' } }}
+          >
+            BITSEARCH
+          </Typography>
+          </Link>
+
+          <Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>
+            <IconButton
+              size="large"
+              aria-label="account of current user"
+              aria-controls="menu-appbar"
+              aria-haspopup="true"
+              onClick={handleOpenNavMenu}
+              color="inherit"
+            >
+              <MenuIcon />
+            </IconButton>
+            <Menu
+              id="menu-appbar"
+              anchorEl={anchorElNav}
+              anchorOrigin={{
+                vertical: 'bottom',
+                horizontal: 'left',
+              }}
+              keepMounted
+              transformOrigin={{
+                vertical: 'top',
+                horizontal: 'left',
+              }}
+              open={Boolean(anchorElNav)}
+              onClose={handleCloseNavMenu}
+              sx={{
+                display: { xs: 'block', md: 'none' },
+              }}
+            >
+              {pages.map((page) => (
+                <MenuItem key={page} onClick={handleCloseNavMenu}>
+                  <Typography textAlign="center">{page}</Typography>
+                </MenuItem>
+              ))}
+            </Menu>
+          </Box>
+          <Typography
+            variant="h6"
+            noWrap
+            component="div"
+            sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}
+          >
+            BITSEARCH
+          </Typography>
+          <Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}>
+            {pages.map((page) => (
+              <Button
+                key={page}
+                onClick={handleOnClick}
+                sx={{ my: 2, color: 'white', display: 'block' }}
+              >
+                {page}
+              </Button>
+            ))}
+          </Box>
+
+          <Box sx={{ flexGrow: 0 }}>
+            <Tooltip title="Open settings">
+              <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
+                <Avatar alt="Remy Sharp" src="/static/images/avatar/2.jpg" />
+              </IconButton>
+            </Tooltip>
+            <Menu
+              sx={{ mt: '45px' }}
+              id="menu-appbar"
+              anchorEl={anchorElUser}
+              anchorOrigin={{
+                vertical: 'top',
+                horizontal: 'right',
+              }}
+              keepMounted
+              transformOrigin={{
+                vertical: 'top',
+                horizontal: 'right',
+              }}
+              open={Boolean(anchorElUser)}
+              onClose={handleCloseUserMenu}
+            >
+              {settings.map((setting) => (
+                <MenuItem key={setting} onClick={handleCloseNavMenu}>
+                  <Typography textAlign="center">{setting}</Typography>
+                </MenuItem>
+              ))}
+            </Menu>
+          </Box>
+        </Toolbar>
+      </Container>
+    </AppBar>
+  );
+};
+export default ResponsiveAppBar;
--- a/frontend/src/Components/Treemap.js
+++ b/frontend/src/Components/Treemap.js
@ -0,0 +1,120 @@
+import * as d3 from 'd3';
+import React, { useRef, useEffect } from 'react';
+
+function Treemap({ width, height, data }){
+    const ref = useRef();
+
+    useEffect(() => {
+        const svg = d3.select(ref.current)
+            .attr("width", width)
+            .attr("height", height)
+            .style("border", "1px solid black")
+    }, []);
+
+    useEffect(() => {
+        draw();
+    }, [data]);
+
+    const draw = () => {
+        const svg = d3.select(ref.current);
+
+        // Give the data to this cluster layout:
+        var root = d3.hierarchy(data).sum(function(d){ return d.value});
+
+        // initialize treemap
+        d3.treemap()
+            .size([width, height])
+            .paddingTop(28)
+            .paddingRight(7)
+            .paddingInner(3)
+            (root);
+        
+        const color = d3.scaleOrdinal()
+            .domain(["boss1", "boss2", "boss3"])
+            .range([ "#402D54", "#D18975", "#8FD175"]);
+
+        const opacity = d3.scaleLinear()
+            .domain([10, 30])
+            .range([.5,1]);
+
+
+        // Select the nodes
+        var nodes = svg
+                    .selectAll("rect")
+                    .data(root.leaves())
+
+        // draw rectangles
+        nodes.enter()
+            .append("rect")
+            .attr('x', function (d) { return d.x0; })
+            .attr('y', function (d) { return d.y0; })
+            .attr('width', function (d) { return d.x1 - d.x0; })
+            .attr('height', function (d) { return d.y1 - d.y0; })
+            .style("stroke", "black")
+            .style("fill", function(d){ return color(d.parent.data.name)} )
+            .style("opacity", function(d){ return opacity(d.data.value)})
+
+        nodes.exit().remove()
+
+        // select node titles
+        var nodeText = svg
+            .selectAll("text")
+            .data(root.leaves())
+
+        // add the text
+        nodeText.enter()
+            .append("text")
+            .attr("x", function(d){ return d.x0+5})    // +10 to adjust position (more right)
+            .attr("y", function(d){ return d.y0+20})    // +20 to adjust position (lower)
+            .text(function(d){ return d.data.name.replace('mister_','') })
+            .attr("font-size", "19px")
+            .attr("fill", "white")
+        
+        // select node titles
+        var nodeVals = svg
+            .selectAll("vals")
+            .data(root.leaves())  
+
+        // add the values
+        nodeVals.enter()
+            .append("text")
+            .attr("x", function(d){ return d.x0+5})    // +10 to adjust position (more right)
+            .attr("y", function(d){ return d.y0+35})    // +20 to adjust position (lower)
+            .text(function(d){ return d.data.value })
+            .attr("font-size", "11px")
+            .attr("fill", "white")
+    
+        // add the parent node titles
+        svg
+        .selectAll("titles")
+        .data(root.descendants().filter(function(d){return d.depth==1}))
+        .enter()
+        .append("text")
+            .attr("x", function(d){ return d.x0})
+            .attr("y", function(d){ return d.y0+21})
+            .text(function(d){ return d.data.name })
+            .attr("font-size", "19px")
+            .attr("fill",  function(d){ return color(d.data.name)} )
+    
+        // Add the chart heading
+        svg
+        .append("text")
+            .attr("x", 0)
+            .attr("y", 14)    // +20 to adjust position (lower)
+            .text("What's hot in Cryptocurrency world")
+            .attr("font-size", "19px")
+            .attr("fill",  "grey" )
+    }
+
+
+    return (
+        <div className="chart">
+            <svg ref={ref}>
+            </svg>
+        </div>
+        
+    )
+
+}
+
+export default Treemap;
--- a/frontend/src/Views/BNB3.js
+++ b/frontend/src/Views/BNB3.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class BNB extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/bnb')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta3} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default BNB;
--- a/frontend/src/Views/Bitcoin2.js
+++ b/frontend/src/Views/Bitcoin2.js
@ -0,0 +1,129 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+import AutoComplete from '../Components/AutoComplete'
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import ranking from '../Assets/ranking_vs.png';
+import logo from '../Assets/logo.png';
+import {useNavigate} from 'react-router-dom';
+import {useCallback, Component} from 'react';
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class Bitcoin extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/btc')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta2} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default Bitcoin;
--- a/frontend/src/Views/Cardano9.js
+++ b/frontend/src/Views/Cardano9.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class Cardano extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/ada')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta9} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default Cardano;
--- a/frontend/src/Views/CoinStat.css
+++ b/frontend/src/Views/CoinStat.css
@ -0,0 +1,11 @@
+.innerSpace
+{
+  width: 1200px;
+  height: 350px;
+  margin: auto;
+  background: #dadada;
+  border-radius: 5px;
+  transition: all .3s;
+  display: 'flex';
+  justify-Content: space-around;
+}
--- a/frontend/src/Views/CoinStat.js
+++ b/frontend/src/Views/CoinStat.js
@ -0,0 +1,130 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+import AutoComplete from '../Components/AutoComplete'
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import ranking from '../Assets/ranking_vs.png';
+import logo from '../Assets/logo.png';
+import {useNavigate} from 'react-router-dom';
+import {useCallback, Component} from 'react';
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class CoinStat extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/btc/?format=json')
+    .then(response => response.json())
+      .then(data => this.setState({ data }));
+  }
+  
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'space-between'
+        }}>
+      <img src={waluta1} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        <PieChart
+        style={{
+          width: '80vw',
+        }}
+        radius = {80}
+        viewBoxSize = {[500,500]}
+        center = {[250,85]}
+        label={({ dataEntry }) => `${Math.round(dataEntry.percentage)} %`}
+  data={[
+    { title: 'Positive', value: 25, color: '#82dd55' },
+    { title: 'Negative', value: 30, color: '#E23636' },
+  ]}
+/>
+        </div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default CoinStat;
--- a/frontend/src/Views/Dash1.js
+++ b/frontend/src/Views/Dash1.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class Dash extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/dash')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta1} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default Dash;
--- a/frontend/src/Views/Ethereum4.js
+++ b/frontend/src/Views/Ethereum4.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class Ethereum extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/eth')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta4} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default Ethereum;
--- a/frontend/src/Views/Home.css
+++ b/frontend/src/Views/Home.css
--- a/frontend/src/Views/Home.js
+++ b/frontend/src/Views/Home.js
@ -0,0 +1,135 @@
+import './Home.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import CarouselCrypto from '../Components/Carousel'
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import ranking from '../Assets/ranking_vs.png';
+import logo from '../Assets/logo.png';
+import {useNavigate} from 'react-router-dom';
+import {useCallback} from 'react';
+import { Link } from "react-router-dom";
+import Carousel from "react-multi-carousel";
+import "react-multi-carousel/lib/styles.css";
+
+
+const Home = () => {
+  const responsive = {
+    superLargeDesktop: {
+      // the naming can be any, depends on you.
+      breakpoint: { max: 4000, min: 3000 },
+      items: 5
+    },
+    desktop: {
+      breakpoint: { max: 3000, min: 1024 },
+      items: 3
+    },
+    tablet: {
+      breakpoint: { max: 1024, min: 464 },
+      items: 2
+    },
+    mobile: {
+      breakpoint: { max: 464, min: 0 },
+      items: 1
+    }
+  };
+  
+  return (
+    <div>
+        <Header/>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'center'
+        }}>
+    <img src={logo} alt="logo" />
+    </div>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center'
+        }}>
+          <Carousel responsive={responsive}>
+  <div>
+          <img
+            src={`${waluta1}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${waluta2}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={'title'}
+            loading="lazy"
+          />
+</div>
+  <div>Item 2</div>
+  <div>Item 3</div>
+  <div>Item 4</div>
+</Carousel>;<ImageList sx={{ width: '70vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+
+    </div>
+  );
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Breakfast',
+    },
+    {
+      img: waluta2,
+      title: 'Burger',
+    },
+    {
+      img: waluta3,
+      title: 'Camera',
+    },
+    {
+      img: waluta4,
+      title: 'Coffee',
+    },
+    {
+      img: waluta5,
+      title: 'Hats',
+    },
+    {
+      img: waluta6,
+      title: 'Honey',
+    },
+    {
+      img: waluta7,
+      title: 'Basketball',
+    },
+    {
+      img: waluta8,
+      title: 'Fern',
+    },
+    {
+      img: waluta9,
+      title: 'Mushrooms',
+    },
+    {
+      img: waluta10,
+      title: 'Tomato basil',
+    },
+  ];
+
+export default Home;
--- a/frontend/src/Views/HomeSearch.js
+++ b/frontend/src/Views/HomeSearch.js
@ -0,0 +1,100 @@
+import './Home.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+import AutoComplete from '../Components/AutoComplete'
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import ranking from '../Assets/ranking_vs.png';
+import logo from '../Assets/logo.png';
+
+
+const HomeSearch = () => {
+  return (
+    <div>
+      <Container sx={{ bgcolor: '#F8F8F8' }}>
+      <h1> What coin are you after today? </h1>
+      <Container>
+        <AutoComplete/>
+      </Container>
+      </Container>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 450 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+      ))}
+    </ImageList>
+    </div>
+    <div style={{
+        display: 'flex',
+        justifyContent: 'center'
+        }}>
+    <img src={ranking} alt="ranking" />
+    </div>
+    </div>
+  );
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Breakfast',
+    },
+    {
+      img: waluta2,
+      title: 'Burger',
+    },
+    {
+      img: waluta3,
+      title: 'Camera',
+    },
+    {
+      img: waluta4,
+      title: 'Coffee',
+    },
+    {
+      img: waluta5,
+      title: 'Hats',
+    },
+    {
+      img: waluta6,
+      title: 'Honey',
+    },
+    {
+      img: waluta7,
+      title: 'Basketball',
+    },
+    {
+      img: waluta8,
+      title: 'Fern',
+    },
+    {
+      img: waluta9,
+      title: 'Mushrooms',
+    },
+    {
+      img: waluta10,
+      title: 'Tomato basil',
+    },
+  ];
+
+export default Home;
--- a/frontend/src/Views/Login.css
+++ b/frontend/src/Views/Login.css
@ -0,0 +1,19 @@
+* {
+    box-sizing: border-box;
+  }
+
+.login
+{
+  width: 500px;
+  margin: auto;
+  background: #dadada;
+  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
+  padding: 5px 55px 45px 55px;
+  border-radius: 15px;
+  transition: all .3s;
+}
+
+.outer
+{
+  padding-top: 6vh;
+}
--- a/frontend/src/Views/Login.js
+++ b/frontend/src/Views/Login.js
@ -0,0 +1,124 @@
+import * as React from 'react';
+import Avatar from '@mui/material/Avatar';
+import Button from '@mui/material/Button';
+import CssBaseline from '@mui/material/CssBaseline';
+import TextField from '@mui/material/TextField';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Checkbox from '@mui/material/Checkbox';
+import Link from '@mui/material/Link';
+import Grid from '@mui/material/Grid';
+import Box from '@mui/material/Box';
+import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
+import Typography from '@mui/material/Typography';
+import Container from '@mui/material/Container';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import './Login.css';
+import {useNavigate} from 'react-router-dom';
+import {useCallback} from 'react';
+
+function Copyright(props) {
+  return (
+    <Typography variant="body2" color="text.secondary" align="center" {...props}>
+      {'Copyright © '}
+      <Link color="inherit" href="https://mui.com/">
+        BitSearch
+      </Link>{' '}
+      {new Date().getFullYear()}
+      {'.'}
+    </Typography>
+  );
+}
+
+const theme = createTheme();
+
+
+export default function Login() {
+  const navigate = useNavigate();
+const handleOnClick = useCallback(() => navigate('/home', {replace: true}), [navigate]);
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    console.log({
+      email: data.get('email'),
+      password: data.get('password'),
+    });
+  };
+
+  return (
+    <div className = 'outer'>
+    <div className = 'login'>
+    <ThemeProvider theme={theme}>
+      <Container component="main" maxWidth="sm">
+        <CssBaseline />
+        <Box
+          sx={{
+            marginTop: 8,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+          }}
+        >
+          <Avatar sx={{ m: 1, bgcolor: 'secondary.main' }}>
+            <LockOutlinedIcon />
+          </Avatar>
+          <Typography component="h1" variant="h5">
+            Sign in
+          </Typography>
+          <Box component="form" onSubmit={handleSubmit} noValidate sx={{ mt: 1 }}>
+            <TextField
+              margin="normal"
+              required
+              fullWidth
+              id="email"
+              label="Email Address"
+              name="email"
+              autoComplete="email"
+              autoFocus
+            />
+            <TextField
+              margin="normal"
+              required
+              fullWidth
+              name="password"
+              label="Password"
+              type="password"
+              id="password"
+              autoComplete="current-password"
+            />
+            <FormControlLabel
+              control={<Checkbox value="remember" color="primary" />}
+              label="Remember me"
+            />
+            <Button
+              color="secondary"
+              type="submit"
+              fullWidth
+              variant="contained"
+              sx={{ mt: 3, mb: 2 }}
+              onClick={() => {
+                handleOnClick();
+              }}
+            >
+              Sign In
+            </Button>
+            <Grid container>
+              <Grid item xs>
+                <Link href="#" variant="body2">
+                  Forgot password?
+                </Link>
+              </Grid>
+              <Grid item>
+                <Link href="#" variant="body2">
+                  {"Don't have an account? Sign Up"}
+                </Link>
+              </Grid>
+            </Grid>
+          </Box>
+        </Box>
+        <Copyright sx={{ mt: 8, mb: 4 }} />
+      </Container>
+    </ThemeProvider>
+    </div>
+    </div>
+  );
+}
--- a/frontend/src/Views/Ranking.js
+++ b/frontend/src/Views/Ranking.js
@ -0,0 +1,44 @@
+import * as React from 'react';
+import {Component} from 'react'
+//import Box from '@mui/material/Box';
+//import { styled } from '@mui/material/styles';
+//import Paper from '@mui/material/Paper';
+//import Masonry from '@mui/lab/Masonry';
+import Header from '../Components/Header';
+import Treemap from '../Components/Treemap';
+
+//const heights = [500, 30, 90, 70, 110, 150, 130, 80, 50, 90, 100, 150, 30, 50, 80];
+const dataset = {"children":[{"name":"Bitcoin","children":[{"name":"tweets","group":"A","value":300,"colname":"level3"}]},{"name":"Ethereum","children":[{"name":"tweets","group":"A","value":100,"colname":"level3"}]},{"name":"Zcash","children":[{"name":"tweets","group":"A","value":50,"colname":"level3"}]},{"name":"Tether","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]},{"name":"TRON","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]},{"name":"Steem","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]},{"name":"neo","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]},{"name":"Dash","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]},{"name":"BNB","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]},{"name":"Cardano","children":[{"name":"tweets","group":"A","value":200,"colname":"level3"}]}],"name":"CEO"};
+/*
+const Item = styled(Paper)(({ theme }) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  border: '1px solid black',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+}));
+*/
+export class Ranking extends Component {
+  componentDidMount() {
+    fetch('https://localhost:62241/Search/ranking')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+      <div>
+    <Header/>
+    <div style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems:'center',
+        height: '100vh'
+        }}>
+    <Treemap width={800} height={500} data={dataset} />
+    </div>
+    </div>
+  );
+      }
+}
+export default Ranking;
--- a/frontend/src/Views/Steem7.js
+++ b/frontend/src/Views/Steem7.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class Steem extends Component {
+  componentDidMount() {
+    fetch('https://localhost:62241/Search/analise/steem')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta7} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default Steem;
--- a/frontend/src/Views/THROW5.js
+++ b/frontend/src/Views/THROW5.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class THROW extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/trx')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta5} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default THROW;
--- a/frontend/src/Views/Tether8.js
+++ b/frontend/src/Views/Tether8.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class Tether extends Component {
+  componentDidMount() {
+    fetch('https://localhost:62241/Search/analise/usdt')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta8} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default Tether;
--- a/frontend/src/Views/ZCash6.js
+++ b/frontend/src/Views/ZCash6.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class ZCash extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/zec')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta6} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default ZCash;
--- a/frontend/src/Views/index.js
+++ b/frontend/src/Views/index.js
@ -0,0 +1,42 @@
+import React from 'react'
+//routing, navigation through the page
+import { BrowserRouter as Router, Switch, Route, Routes, Link } from "react-router-dom";
+// view/pages/screens
+import Login from './Login';
+import Home from './Home';
+import CoinStat from './CoinStat';
+import Ranking from './Ranking';
+import Dash from './Dash1';
+import Bitcoin from './Bitcoin2';
+import BNB from './BNB3';
+import Ethereum from './Ethereum4';
+import THROW from './THROW5';
+import ZCash from './ZCash6';
+import Steem from './Steem7';
+import Tether from './Tether8';
+import Cardano from './Cardano9';
+import neoC from './neo10';
+const ReactRouterSetup = () => {
+    return (
+        <Router>
+            <Routes>
+            <Route path ='/home' element ={<Home />}/>
+            <Route path ='/' element ={<Login />}/>
+            <Route path ='/ranking' element ={<Ranking />}/>
+            <Route path ='/coinstat' element ={<CoinStat />}/>
+            <Route path ='/coinstat/Bitcoin' element ={<Bitcoin />}/>
+            <Route path ='/coinstat/Ethereum' element ={<Ethereum />}/>
+            <Route path ='/coinstat/Dash' element ={<Dash />}/>
+            <Route path ='/coinstat/BNB' element ={<BNB />}/>
+            <Route path ='/coinstat/THRON' element ={<THROW />}/>
+            <Route path ='/coinstat/ZCash' element ={<ZCash />}/>
+            <Route path ='/coinstat/Steem' element ={<Steem />}/>
+            <Route path ='/coinstat/Tether' element ={<Tether />}/>
+            <Route path ='/coinstat/Cardano' element ={<Cardano />}/>
+            <Route path ='/coinstat/neo' element ={<neoC />}/>
+            </Routes>
+        </Router>
+    );
+};
+
+export default ReactRouterSetup;
--- a/frontend/src/Views/neo10.js
+++ b/frontend/src/Views/neo10.js
@ -0,0 +1,126 @@
+import './CoinStat.css';
+import Header from '../Components/Header'
+import Container from '@mui/material/Container';
+//import DatePicker from '../components/DatePicker'
+import ImageList from '@mui/material/ImageList';
+import ImageListItem from '@mui/material/ImageListItem';
+import waluta1 from '../Assets/1.png';
+import waluta2 from '../Assets/2.png';
+import waluta3 from '../Assets/10.png';
+import waluta4 from '../Assets/4.png';
+import waluta5 from '../Assets/5.png';
+import waluta6 from '../Assets/6.png';
+import waluta7 from '../Assets/7.png';
+import waluta8 from '../Assets/8.png';
+import waluta9 from '../Assets/9.png';
+import waluta10 from '../Assets/11.png';
+import {useCallback, Component} from 'react';
+
+import { Link } from "react-router-dom";
+import { PieChart } from 'react-minimal-pie-chart';
+
+
+export class neoC extends Component {
+  componentDidMount() {
+    fetch('https://bitsearch-api.azurewebsites.net/search/analise/neo')
+      .then((res) => res.json())
+      .then((json) => this.setState({ pos: json.results }));
+  }
+  render() {
+  return (
+    <div>
+      <Header/>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'right'
+        }}>
+      <ImageList sx={{ width: '75vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to={`/coinStat/${item.title}`}>
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
+    </div>
+    <div className = 'innerSpace'>
+      <Container maxWidth="xl">
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+      <img src={waluta10} alt='currentVal' style={{
+          borderWidth: 5,
+          height: 200,
+          width: 200
+        }} />
+        </div>
+        <div style={{
+        display: 'flex',
+        justifyContent: 'left'
+        }}>
+        <PieChart
+        viewBoxSize = {700,700}
+        reveal = {100}
+  data={[
+    { title: 'Positive', value: 0.1, color: '#82dd55' },
+    { title: 'Negative', value: 0.008, color: '#E23636' },
+  ]}
+/>
+</div>
+        </Container>
+        </div>
+    </div>
+  );
+}
+}
+const itemData = [
+    {
+      img: waluta1,
+      title: 'Dash',
+    },
+    {
+      img: waluta2,
+      title: 'Bitcoin',
+    },
+    {
+      img: waluta3,
+      title: 'BNB',
+    },
+    {
+      img: waluta4,
+      title: 'Ethereum',
+    },
+    {
+      img: waluta5,
+      title: 'TRON',
+    },
+    {
+      img: waluta6,
+      title: 'ZCash',
+    },
+    {
+      img: waluta7,
+      title: 'Steem',
+    },
+    {
+      img: waluta8,
+      title: 'Tether',
+    },
+    {
+      img: waluta9,
+      title: 'Cardano',
+    },
+    {
+      img: waluta10,
+      title: 'neo',
+    },
+  ];
+
+export default neoC;
--- a/frontend/src/Views/temp
+++ b/frontend/src/Views/temp
@ -0,0 +1,14 @@
+<ImageList sx={{ width: '70vw', height: 200 }} cols={10} rowHeight={164}>
+      {itemData.map((item) => (
+        <Link to="/coinstat">
+        <ImageListItem key={item.img}>
+          <img
+            src={`${item.img}?w=164&h=164&fit=crop&auto=format`}
+            srcSet={`${item.img}?w=164&h=164&fit=crop&auto=format&dpr=2 2x`}
+            alt={item.title}
+            loading="lazy"
+          />
+        </ImageListItem>
+        </Link>
+      ))}
+    </ImageList>
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@ -0,0 +1,17 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: #000000;
+  background-image: linear-gradient(147deg, #000000 0%, #434343 74%);
+  width: 100vw;
+  height: 100vh;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import './index.css';
+import App from './App';
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);
+
--- a/frontend/src/reportWebVitals.js
+++ b/frontend/src/reportWebVitals.js
@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;
--- a/frontend/src/setupTests.js
+++ b/frontend/src/setupTests.js
@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
Author	SHA1	Message	Date
s434604	3ac66b6724	new views	2022-01-28 15:19:32 +01:00
s434604	543748e409	Add ranking	2022-01-25 15:01:25 +01:00
s434604	a416157b04	Merge branch 'master' of https://git.wmi.amu.edu.pl/s434604/BitSearch into frontend_project	2022-01-25 14:01:59 +01:00
s434604	fcfd66f645	initial communication with api, pie char and treemap	2022-01-25 14:01:49 +01:00
s434604	630b1ed3a5	add basic views: CoinStat, Home, Ranking, Login and Routing	2022-01-18 13:46:36 +01:00
s434604	7b6168e8c2	Login view and basic styling	2022-01-17 12:14:17 +01:00
s434604	749ad36cb0	initial frontend commit	2022-01-15 14:25:14 +01:00