Use this 2 Libraries to create the React WebApp:

Use this 2 Libraries to create the WebApp: "react-kanban" GitHub: [login to view URL] (This need to be the UI of the react app, Demo: [login to view URL]) "CCTX" Use CCTX-crypto library to create the price scanner: (This library has the APIs of almost all Exchanges and you need to use it to create this price scanner)When you install cctx and add this code in an [login to view URL] you will see how easy it is to work with it. ---------- The 'react-kanban' repo on GitHub has almost everything I need for the UI. 1. User Authentication, with [login to view URL], Here I need an simple Admin UI where I can Add/Edit/Delete Users. PS. The first thing Users need to see when visiting my Site is an LogIn Page, but this is already integrate or easy todo with [login to view URL] we need only Username & Password authentication ([login to view URL]). 2. The so called 'Boards' (the boards need to be transformed into Tabs so users can switch on one page between them) And in every Tab(Board) users can need to be able to Add this Boxes or Streams how I like to call them, before he can add an stream and clicks on 'Add Stream' for example the User will have 2 Dopdown select menus, one where he selects the Exchange, for example Binance, and second where he selects the pair for example ETH/BTC, then he can setup the Change in percentage he is looking for for example -3% or +6% or directly the price. If some price change is happening it will be send in this boxes, User can for example add same Pair multiple times but with different percentage. Also every Stream need to have his own Browser sound as notification of an price change and also every Stream need to be mutable and Editable so the User can change The Streams itself need to get this Information from the Prices without reloading the Website. Here you have an Website called Cryptomarketscanner, We need the exact same information like they get when you setup on “Change” [login to view URL] So this is how it looks like on Cryptomarketscanner, In my Stream the user adds The newest info need to be always on top of the Stream, So the Info does not replace the old info.. it sits on Top of it and users can scroll to older notifications, With some Time information like 3 Minute Ago or something. - To mute the widgets we need in the Head of every streams we need a mute icon to mute the widget: I have created an image how to make it easier for you to see how I would like the app to work. (On this Image I forgot the Tabs, but they need to be on top horizontally between header and the Streams so Users can switch around every Tab(Board). For now like it is in the Demo he need to go back on HomPage and select an board this is not what I want, It need to be everything on one page with Tabs that contain the(Boards). HERE THE LINK [login to view URL]