How ankit0514/cryptolite---a-trading-platform works
Cryptolite is a React Native crypto-tracking and trading simulator. Users enter through mock authentication, browse a simulated market, inspect a coin, buy or sell with virtual funds, and review portfolio holdings; a watchlist is also exposed in navigation. The sampled detail and store code confirms trade calculations and in-memory state. README capabilities and the file tree identify other screens, but their internal wiring was not sampled, so those connections are limited to documented navigation and product roles.
Main entry points: RootNavigator.tsx Root navigator · DetailScreen.tsx Coin details · App.tsx App shell · MarketScreen.tsx Market screen
Components 17
App entry
- App shell
App.tsx - App registration
index.ts - Action button
src/components/Button.tsx - Theme tokens
src/theme/theme.ts
Navigation and access
- Root navigator
src/navigation/RootNavigator.tsx - Login screen
src/screens/LoginScreen.tsx - Placeholder screen
src/screens/PlaceholderScreen.tsx - Profile screen
src/screens/ProfileScreen.tsx
Market discovery
- Market screen
src/screens/MarketScreen.tsx - Watchlist screen
src/screens/WatchlistScreen.tsx - Coin row
src/components/CoinRow.tsx
Trading and portfolio
- Coin details
src/screens/DetailScreen.tsx - Portfolio screen
src/screens/PortfolioScreen.tsx
Client state
- Mock auth state
src/store/useAuthStore.ts - Simulated prices
src/store/useMarketStore.ts - Virtual holdings
src/store/usePortfolioStore.ts
Other components
- User
Connections 20
- User → App shell: opens
- App registration → App shell: registers
- App shell → Root navigator: renders
- Root navigator → Mock auth state: reads auth
- Root navigator → Login screen: routes unauthenticated
- Root navigator → Market screen: routes market
- Root navigator → Watchlist screen: routes watchlist
- Root navigator → Portfolio screen: routes portfolio
- Root navigator → Coin details: routes details
- Root navigator → Placeholder screen: routes profile tab
- Login screen → Mock auth state: authenticates
- Market screen → Simulated prices: reads prices
- Market screen → Coin row: renders coins
- Coin details → Simulated prices: reads coin data
- Coin details → Virtual holdings: buys and sells
- Portfolio screen → Virtual holdings: reads holdings
- Profile screen → Mock auth state: logs out
- Profile screen → Virtual holdings: reads balance
- Coin details → Action button: renders actions
- App shell → Theme tokens: uses styling