Tech Stack
Next.js
Tailwind CSS
Typescript
CSS 3
HTML 5
Description
Ledger Lens is a premium React dashboard for demos and portfolios, built around market exploration, company analysis, and a polished public marketing experience.
The app is intentionally mock-driven on the client side: authentication persists sessions in localStorage, valuations run fully in the browser, and data for charts, news, and dashboard views is powered by bundled fixtures.
- Authentication demo: sign-in and sign-up store a session in localStorage; credentials are not validated against a server.
- Insights: sector tabs and company cards link to detail views for NVDA, AAPL, JPM, GS, PFE, and JNJ.
- Company detail: header metrics and GraphContainer charts are driven by src/data.json.
- DCF calculator: client-side valuation math only.
- News: static articles with external links that open in a new tab.
- Landing and dashboard: public feature grid and CTAs for /login and /signup, plus watchlists, earnings, transcripts, portfolios, profile, help, and mock-driven in-dashboard terms.
- Public terms: /terms is available without login and is mirrored under /dashboard/terms inside the shell.
Page Info
Landing Page
The main landing page for Ledger Lens.