Real-time valuation of funds
A real-time tracking tool for fund valuation and heavy positions developed by Next.js. adopts Glassmorphology design and supports mobile adaptation.
Real-time valuation: By entering the fund number, obtain and display the fund's unit net value, valuation net value and real-time price and price changes in real time. Heavy position tracking: Automatically obtain the top 10 heavily held stocks in the fund and track the intraday rise and fall of the heavily held stocks in real time. Support folding/expanding display. Pure front-end operation: Use the JSONP solution to directly connect public interfaces such as Orient Fortune and Tencent Finance to completely solve cross-domain problems and support direct deployment in static environments such as GitHub Pages. Local persistence: Use localStorage to store the added fund list, positions, trading records, fixed investment plans and configuration information without loss when refreshed. Responsive design: Perfect fit between PC and mobile. The text display, spacing and interactive experience are optimized for mobile terminals. Optional function: Support adding funds to the "Optional" list, and Tab switching to display all funds or only optional funds. Optional state supports persistence and synchronous cleanup. Group management: Support the creation of multiple fund groups to facilitate fund management by purpose or category. Position management: Record the holding share and cost price of each fund, and automatically calculate the position income and cumulative income. Trading records: Support buy/sell operations, record trading history, and view transaction details of individual funds. Fixed investment plan: Support setting automatic fixed investment plan, and automatically generate buy transactions on a daily/weekly/monthly basis. Cloud synchronization: Backup data in the cloud through Supabase to support data synchronization and conflict handling between multiple devices. Custom sorting: Supports multiple sorting rules (valuation price increase and decrease, position gain, holding amount, etc.), and the rules can be freely combined and enabled/disabled. Drag-and-drop sorting: In the default sorting mode, you can adjust the order of funds by drag-and-drop. Light and dark themes: Support switching between bright and dark themes and one-click skin replacement. Import/Export: Supports exporting configuration as a JSON file backup, or restoring from file import. Customizable frequency: Support setting automatic refresh interval (5 seconds- 300 seconds) and provide manual refresh button.
