TradeNote NewUI (Fork)

Web3-style fork of Eleven-Trading/TradeNote, focused on UI/UX modernization while keeping the original trading journal workflow.

Fork Notice

• This repository is a fork/customization based on the original TradeNote project by Eleven Trading.
• Upstream project: https://github.com/Eleven-Trading/TradeNote
• Original product site/docs: https://tradenote.co
• This fork is maintained independently and is not the official TradeNote release.

What Is Different In This Fork

• Darker Web3 visual style and glassmorphism UI language.
• Neon/starfield atmosphere and cursor glow scene effects.
• Tilt 3D cards with an on/off toggle.
• Magnetic button hover + ripple click feedback.
• Dashboard widget drag-and-drop extended to all major tabs:
  • Overview
  • Time & Date
  • Trades & Executions
  • Setups
  • Financials
• Theme customization options in Settings (including chart/button colors).
• Bilingual UI support (English / Traditional Chinese).
• Theme preview page for faster style iteration:
  • theme-preview.html
• PWA-related quick launch files:
  • public/manifest.webmanifest
  • public/sw.js
  • public/quick-launch.html

Tech Stack

• Frontend: Vue 3 + Vite + Pinia + Vue Router
• Charts: Apache ECharts
• Drag & drop: SortableJS
• Backend/runtime: Node.js + Express + Parse Server + MongoDB

Requirements

• Docker Desktop (Windows/macOS) or Docker Engine (Linux)
• Docker Compose

Optional for local node workflow:

• Node.js 18+
• npm

Quick Start (Docker Compose)

1. Clone

git clone https://github.com/HEXAUX/TradeNote_NewUI.git
cd TradeNote_NewUI

2. Start

Use either default compose file or local compose file:

docker compose up -d --build

or

docker compose -f docker-compose-local.yml up -d --build

3. Open

• App: http://localhost:8080
• Register page: http://localhost:8080/register

4. Stop

docker compose down

If Docker reports errors like open //./pipe/dockerDesktopLinuxEngine, ensure Docker Desktop is running and Linux containers are enabled.

Local Build (Without Docker)

npm install
npm run build

Preview production build:

npm run preview

Project Structure (Key Files)

• src/views/Dashboard.vue: dashboard cards/charts and drag-and-drop behavior
• src/views/Settings.vue: visual settings and KPI goal controls
• src/assets/style-dark.css: main dark/web3 styles
• src/main.js: runtime visual interaction hooks
• src/i18n/index.js: bilingual dictionary and locale switch
• theme-preview.html: quick visual preview page

License

This project remains under GNU GPL v3.0-or-later, consistent with upstream.

You must keep GPL obligations when redistributing modified versions, including source code availability and license notices.

See LICENSE for details.

Credits

• Original project and core architecture: Eleven Trading / TradeNote
• Fork UI redesign and interaction extensions: this repository

If you find this fork useful, please also star the upstream repository.