Stocktuitive
Guided fundamental analysis for retail investors.
Stocktuitive is a full-stack fintech project that turns ticker input into a guided fundamental analysis workflow; 70+ financial metrics, plain-English verdicts, charts, and a portfolio-safe interactive demo powered by cached NVDA data.
[ Product Proof ]
Guided Analysis Demo
The guided analysis view walks users through each metric with a plain-English takeaway, interpretation, formula, inputs, and calculation steps.
01 / Problem
Financial data is everywhere. Clear understanding is rare.
Public companies disclose enormous amounts of information, but most of it is difficult for non-specialists to interpret. Stocktuitive explores how financial analysis can be structured into a guided learning experience instead of a dense dashboard.
02 / Approach
A product, not a prediction engine.
Stocktuitive does not try to pick stocks. It translates fundamentals into structured context: what the metric means, how it is calculated, and why it matters.
Structured Fundamentals
Surface the financial metrics that actually drive understanding instead of overwhelming the screen with everything at once.
Transparent Calculations
Every metric exposes its formula, inputs, and calculation steps; no black-box scores or hidden weighting.
Guided Interpretation
Plain-English verdicts and interpretations sit alongside the numbers so non-specialists can reason about them.
03 / Evolution
From prototype to product.
Stocktuitive began as a lightweight Streamlit prototype to validate the core analysis logic. Once the workflow worked, I designed the broader product system in Figma, then rebuilt the experience as a full-stack React/FastAPI application with a portfolio-safe interactive demo.
01; Streamlit Prototype
An early Python prototype used to validate the plain-English analysis workflow before investing in a full product.
02; Figma Product System
Designed the guided analysis experience and surrounding product surfaces before translating into React.
03; Full-Stack Implementation
Rebuilt with React, TypeScript, FastAPI, and cached NVDA fixtures so reviewers can explore without live APIs.
04 / How It Works
From ticker input to guided insight.
In live development, Stocktuitive uses a FastAPI backend to process public company data and return structured analysis. For the public portfolio demo, the same UI runs on cached NVDA fixture data so reviewers can interact with the product without backend hosting, API costs, or fragile live market calls.
05 / Product Gallery
What reviewers actually see.
Guided Metric Walkthrough
Step-by-step navigation through each metric with verdicts, interpretation, and plain-English context.
Show the Math
Expand any metric to see the formula, raw inputs, and arithmetic behind the verdict.
Research Snapshot
A consolidated view of strengths, watch items, and coverage across the cached analysis.
Results Summary
Section-level results organize the analysis across liquidity, profitability, valuation, risk, cash flow, and other categories.
06 / Under the Hood
Technical architecture.
Frontend
- React
- TypeScript
- Vite
- Tailwind
- ECharts
- Vitest
Backend
- FastAPI
- Python
- pandas
- numpy
- yfinance
- Pydantic
- pytest
Demo
- Cached fixture system
- VITE_DEMO_MODE=true
- No backend required
Live Mode
Demo Mode
07 / Live Development Build
Beyond the public demo.
The public demo focuses on the most reliable review path using cached NVDA data. Stocktuitive also exists as a broader development build with dashboard, ticker search, and backend-powered analysis for other public companies.
Dashboard shell
Broader app experience with quick actions, recent activity, watchlist, and learning surfaces.
Backend-powered analysis
Live development build shown with Alphabet/GOOG, separate from the cached public demo.
Live calculation detail
The backend-powered app preserves the same explainable metric structure across different tickers.
Ticker search flow
Wayfinder lets users start an analysis by entering a company name or ticker symbol.
Live development build; the public demo above is the reliable reviewer-facing experience.
08 / Interactive Demo
Try the Interactive Demo.
The public demo uses cached NVDA analysis data captured from the real Stocktuitive engine. It is intentionally static, so reviewers can explore the product without login, backend hosting, API keys, or live market-data failures.
Portfolio-safe demo home; cached NVDA analysis data lets reviewers explore the workflow without login, backend hosting, API keys, or live market calls.
Explore the demo
Cached NVDA data · no login · portfolio-safe
Educational project. Not investment advice.
09 / Company Context
Context beyond the ratios.
Company profile
Company profile context; business summary, metadata, and plain-English company background.
Financial trends
Financial trends; revenue, operating income, net income, and other historical views provide context beyond individual ratios.
10 / Scope
Boundaries are part of the product.
Stocktuitive is presented as an engineering and product portfolio project, not a production investing platform. Auth, billing, live provider integrations, and exploratory pages are intentionally excluded from the public demo to keep the experience reliable and honest.
Stocktuitive does not provide financial advice, does not predict which stocks will outperform, and does not represent personal investment results. It is a tool for understanding companies, not a recommendation engine.
11 / Outcome
Evidence that complexity can be made readable.
The same product approach; structure, hierarchy, restraint, and respect for the reader - extends to other domains where information density currently blocks understanding.
- -Built a full-stack fintech analysis workflow
- -Designed a guided UX for complex financial data
- -Implemented a portfolio-safe demo with cached fixtures
- -Communicated product boundaries clearly
- -Translated dense data into structured, readable insight