MarketNews: An Open Source Stock App Ready for Forking and Production Deployment

If you’ve been looking at open source projects for financial mobile applications recently, this repository is worth checking out.

It’s called MarketNews. The GitHub repository is at: https://github.com/hypier/market-trend-news-app. The project website is: https://marketrendnews.top/.

What I find interesting about it isn’t that it created another “complete-looking” demo, but that it connects the genuinely difficult parts of building a stock market app:

• The mobile interface isn’t a shell—it includes complete pages for markets, watchlist, news, search, stock details, and portfolio.
• The backend isn’t fake—it’s already connected to Cloudflare Workers, D1, KV, Clerk, and market data from tradingviewapi.com.
• The deployment path isn’t a vague “figure it out yourself”—the repository documents local development, environment variables, database migration, EAS builds, and the app store submission process.

For anyone wanting to build market data products, news products, or looking for a complete React Native + Cloudflare Workers example, this project offers much more reference value than a single-page demo.

What Exactly Does it Open Source?

This repository is a standard monorepo, with two core sub-projects under the root directory:

market-trend-news-app/
├── navtrend-api/   # Backend API: Hono + Cloudflare Workers + D1 + KV
└── navtrend-lite/  # Mobile: React Native + Expo Router

From the README and source code, we can confirm this project covers the following capabilities:

• Real-time market data and stock quotes
• TradingView candlestick charts and technical indicators
• Market news aggregated by stock
• Watchlist management and synchronization
• Portfolio management with average price and profit/loss display
• Leaderboards and market hot lists
• Clerk authentication
• Multi-language support

This isn’t “making a market data page”—it has already laid out the main user paths that users encounter most frequently in a stock app.

The above image speaks volumes. The stock detail page isn’t just price and change—it includes charts, key data, related content, and interaction entry points. For a fork project, this means you’re not just getting UI screenshots, but a user journey already coded into the application.

Why It’s Not Just a Simple Template

The problem with many open source mobile projects is that the frontend works but the backend is fake, or the backend works but the mobile app only has a few static pages. What makes MarketNews / NavTrend rare is that it has created a “complete chain”.

1. The Mobile Part Has Product Form

From the navtrend-lite code and README, we can confirm this app uses:

• React Native 0.81
• Expo 54
• Expo Router
• Zustand
• Clerk
• TradingView Charts API
• PostHog
• Hermes
• React Native New Architecture

Moreover, the Tab structure is quite complete—you can directly see page entries for trading, watchlist, news, wealth, and profile in the code. This means it’s not “just a homepage”—it has built the main information architecture users encounter in daily use.

News and search are particularly important. Many people building financial apps will first create charts, only to discover that content distribution and symbol search are the foundational functions for user retention. This project includes both of these as well.

2. The Backend Part Isn’t Temporarily Patched Together

The navtrend-api tech stack is also quite pragmatic:

• Hono as the web framework
• Cloudflare Workers as the runtime environment
• Cloudflare D1 for storing users, portfolios, and watchlists
• Cloudflare KV for market data caching
• Drizzle ORM for the data layer
• Vitest + Miniflare for testing

The API routes aren’t just a single /ping endpoint. The repository already has these API route groups:

• /api/v1/auth
• /api/v1/portfolio
• /api/v1/watchlist
• /api/v1/tv/technical-analysis/:symbol
• /api/v1/tv/quote/:symbol
• /api/v1/tv/price/:symbol
• /api/v1/tv/news
• /api/v1/tv/leaderboards/...
• /api/v1/update

Additionally, the backend includes Swagger UI—open /docs to view the OpenAPI documentation. This is very friendly for anyone forking, integrating, or taking over the project.

There’s another practical point to make clear: the market data for this project isn’t “included with the open source repository.” The README states clearly that the market data provider is tradingviewapi.com, accessed via RapidAPI subscription. This means this is a paid API—if you plan to actually run the project, you need to account for this data cost.

3. Security and Deployment Are Also Considered

The project has a design I find very practical: mobile app requests don’t call the API naked—they include HMAC-SHA256 signatures in the form of timestamp.signature, and backend middleware validates the time window and signature content. User identity is then confirmed through Clerk’s JWT.

This approach isn’t mysterious, but it’s practical. It at least shows one thing: the author was thinking about “interfaces truly meant for app use,” not just getting things working locally.

The architecture is roughly like this:

Mobile App (Expo)
      │  HTTPS + HMAC-SHA256
      ▼
navtrend-api (Cloudflare Workers)
      │
      ├── D1 Database
      ├── KV Cache
      └── TradingView API via RapidAPI

Who Should Use This Directly

If you fall into any of these categories, this project will save you time:

• Independent developers wanting to build a US stocks, Hong Kong stocks, or global market news app
• Anyone needing a complete React Native + Expo financial product skeleton
• Those wanting to learn how to use Cloudflare Workers + D1 + KV as a mobile backend
• Anyone wanting to integrate TradingView market data, charts, and news into their product
• Those looking for a mature reference project with login, portfolio, watchlist, search, and leaderboards

This isn’t a repository where “you can only read the source code but can’t actually deploy it.” The README documents local development, environment variables, Wrangler, EAS Build, and App Store / Google Play submission processes—the path is clear.

But Don’t Think It’s Light

Although this project is open source, it’s not a zero-cost project.

If you want to actually run it and maintain it long-term, you need at least these external conditions:

• Cloudflare account
• Clerk account
• RapidAPI tradingviewapi.com market data subscription—this is a paid API
• Expo / EAS account
• Apple Developer and Google Play developer accounts

In other words, it’s suitable for people who “seriously want to build a product,” not those who think “I want to click locally and go live permanently for free.”

This is actually where it’s authentic. Financial data, authentication, builds, and app submission—these aren’t costs that can be wiped away by just saying “open source.” A project that clearly documents these dependencies has more reference value than one pretending everything is free.

What I Think Is Most Valuable About This Project

It’s not a particular page or a particular technology choice—it’s that it simultaneously does these five things:

• Provides a mobile interface you can continue modifying
• Provides a backend API you can continue extending
• Provides a real data integration path
• Provides a user system and data storage solution
• Provides deployment instructions for production environments

These five things together are what transform an open source repository from “code example” to “product starting point.”

If you’re preparing to build a market data, news, or portfolio app, the most valuable aspect of this repository isn’t letting you directly copy it, but helping you save the early weeks of framework setup where it’s easiest to fall into pitfalls.

Project Links

• GitHub: https://github.com/hypier/market-trend-news-app
• Official Website: https://marketrendnews.top/
• Market Data API: https://www.tradingviewapi.com/ (via RapidAPI subscription, paid)
• Root Documentation: README.zh.md
• Mobile Documentation: navtrend-lite/README.zh.md
• Backend Documentation: navtrend-api/README.zh.md

Conclusion

There are many open source projects, but few that truly deliver “mobile product interface + backend API + data source integration + deployment documentation” all together.

MarketNews belongs to the category of repositories you can seriously clone and study, or even fork directly for production. It’s not perfect, nor is it a one-click startup template, but it has already built the most difficult 0-to-1 framework.

If you’ve been looking for a deployable financial open source project recently, this repository is worth bookmarking.