Trading-website

A simple SPA built with Nuxt + Vue 3 (frontend) and .NET 9 (backend) that visualizes a real-time order book chart (bids in green, asks in red). Data is streamed via WebSockets and displayed with D3.js.

---

✨ Features

• 📊 Interactive bar chart with bids/asks
• 🎚️ Adjustable number of entries displayed
• 📈 Price range dynamically updates when entries change
• 🔄 Live updates via WebSocket
• 🖱️ Tooltips on hover for quick info
• ⚡ Fast and lightweight SPA setup
• 🖥️ Backend in .NET with WebSocket broadcasting

Order book chart example:

Audit log example:

---

🛠️ Tech Stack

• Frontend: Nuxt + Vue 3 + D3.js
• Backend: ASP.NET Core (.NET 9) + WebSockets

⚙️ Installation

1. Clone the Repository

git clone git@github.com:mshchygol/trading-website.git
cd trading-website

2. Backend Setup (.NET)

cd backend
dotnet restore
dotnet run

3. Frontend Setup (Nuxt + Vue 3)

cd application
npm install
npm run dev