How zinefalouti/coinbull works
Coin Bull is a React stock and portfolio dashboard with a public landing page. Users enter through the routed app, browse market data and stock details, buy holdings into a portfolio, and review or sell them into history; separate routes provide balance charts, currency conversion, and an assistant. The graph reflects routed components and source-index references plus shown Firestore operations. Some feature files were not excerpted, so uncertain internal calls are omitted.
Main entry points: App.js Route application · landing.js Marketing landing · stockdetaildata.js Stock detail and buy · portfoliodata.js Portfolio holdings
Components 25
App and landing
- Route application
src/App.js - Marketing landing
src/marketing/landing.js - Landing sections
src/marketing/blocks.js - Pricing section
src/marketing/pricing.js - FAQ section
src/marketing/faq.js - Marketing footer
src/marketing/footer.js
Market and holdings
- Stock listings
src/core/stocks.js - Stock detail and buy
src/core/comps/stockdetaildata.js - Portfolio holdings
src/core/comps/portfoliodata.js - Trade history
src/core/comps/historydata.js
Dashboard tools
- Dashboard
src/core/dashboard.js - Dashboard panels
src/core/comps/dashboardbody.js - Currency converter
src/core/converter.js - Conversion interface
src/core/comps/converterbody.js - Assistant
src/core/assistant.js - Chat integration
src/core/comps/botpresschat.js - Workspace navigation
src/core/comps/sidebar.js - Mobile navigation
src/core/comps/mobileheader.js
Shared services
- Stock data
src/utility/stocks.js - Stock descriptions
src/utility/stockdesc.js - AI predictions
src/utility/aiprediction.js - Currency conversion logic
src/utility/currencyml.js - Firebase setup
src/firebase.js
Other components
- Visitor
- Firestore
Connections 28
- Visitor → Route application: opens
src/App.js - Route application → Marketing landing: routes to
src/App.js - Route application → Dashboard: routes to
src/App.js - Route application → Stock listings: routes to
src/App.js - Route application → Stock detail and buy: routes to
src/App.js - Route application → Portfolio holdings: routes to
src/App.js - Route application → Currency converter: routes to
src/App.js - Route application → Assistant: routes to
src/App.js - Marketing landing → Landing sections: renders
src/marketing/landing.js - Marketing landing → Pricing section: renders
src/marketing/landing.js - Marketing landing → FAQ section: renders
src/marketing/landing.js - Marketing landing → Marketing footer: renders
src/marketing/landing.js - Stock detail and buy → Firestore: reads and writes
src/core/comps/stockdetaildata.js - Stock detail and buy → Stock data: reads prices
src/core/comps/stockdetaildata.js - Stock detail and buy → Stock descriptions: reads descriptions
src/core/comps/stockdetaildata.js - Stock detail and buy → AI predictions: uses predictions
src/core/comps/stockdetaildata.js - Portfolio holdings → Firestore: reads and updates
src/core/comps/portfoliodata.js - Portfolio holdings → Stock data: reads prices
src/core/comps/portfoliodata.js - Portfolio holdings → Trade history: records sales
src/core/comps/portfoliodata.js - Trade history → Firestore: reads history
src/core/comps/historydata.js - Dashboard → Dashboard panels: renders
src/core/dashboard.js - Dashboard panels → Stock data: uses stock data
- Currency converter → Conversion interface: renders
src/core/converter.js - Conversion interface → Currency conversion logic: uses conversion logic
src/core/comps/converterbody.js - Assistant → Chat integration: renders
src/core/assistant.js - Firebase setup → Firestore: initializes
src/firebase.js - Dashboard → Workspace navigation: renders
src/core/dashboard.js - Dashboard → Mobile navigation: renders
src/core/dashboard.js