Welcome to the ProTrader dashboard team. This is a small React app that simulates a high-frequency trading dashboard used by brokers. The code intentionally contains a number of architectural and lifecycle bugs (race conditions, memory leaks, and performance regressions) — your mission is to find and fix them using modern React patterns.
- Install dependencies
npm install- Start the app
npm run dev- Open the site in your browser
Visit http://localhost:5173 (or the URL shown in your terminal). Keep your browser DevTools (Console) open to inspect logs while debugging.
Work on the following files to fix the critical issues:
src/hooks/useStockPrice.jssrc/components/LiveTicker.jsxsrc/components/TradeForm.jsxsrc/components/Portfolio.jsxsrc/context/UserContext.jsx
Read issue.md for the exact list of critical bugs and recommended fixes. Your objectives:
- Fix all 5 Critical Bugs listed in
issue.md. - If you have extra time, complete the Advanced Add‑ons.
- Fork this repository on GitHub
- Create a branch for each issue or a single feature branch
- Implement fixes and add tests where appropriate
- Open a Pull Request, and in the PR description explain:
- What caused the bug (technical root cause)
- How you fixed it (code-level explanation)
Good luck — and feel free to ask for help or propose which bug you'd like to fix first!