Automated penny stock trading journal with professional analytics • Mobile-first PWA • GitHub-powered
A complete trading journal system built by a mechanic learning to trade. Zero backend servers—everything runs on GitHub Actions and deploys to GitHub Pages. Track trades, analyze performance, review weekly progress, all from your phone.
Built in 20 days, part-time, on an iPhone 16 Pro.
- 21 Analytics Metrics - Total Return, Expectancy, Profit Factor, Sharpe Ratio, R-Multiples, Max Drawdown, Kelly Criterion
- 12+ Interactive Charts - Equity curves, strategy breakdowns, drawdown analysis, performance by ticker/day/time
- Multi-Timeframe Analysis - Day/Week/Month/Quarter/Year/5-Year views
- CSV Import - IBKR, Schwab, Robinhood, Webull
- Mobile-First PWA - Install on iOS, works offline
- Automated Pipeline - Commit trade → GitHub Actions process → Deploy
- Dark Terminal UI - Glass morphism effects, sparkling animations
Quick Stats (Modal Cards):
- Portfolio Value
- Total Return %
- Total Trades
- Win Rate %
- Trade P&L ($)
- Average P&L ($)
Interactive Modals:
- Portfolio Value → Multi-timeframe chart + deposit/withdrawal tracking
- Total Return → Multi-timeframe % returns + deposit entry
- Trade P&L → Monthly calendar heatmap + best/worst/avg month stats
- Avg P&L → Win/loss breakdown + W/L ratio
Performance Section: 11 embedded charts from analytics engine + 3 most recent trades carousel
10 Core Metrics:
- Total Return
- Avg Return/Trade
- Expectancy
- Profit Factor
- Avg Risk %
- Avg Position Size
- Max Drawdown
- Sharpe Ratio
- Avg R-Multiple
- Median R-Multiple
13 Charts:
- Strategy Breakdown (Grid)
- W/L Ratio by Strategy
- R-Multiple Distribution
- Performance by Strategy
- Performance by Setup
- Win Rate Analysis
- Drawdown Over Time
- Performance by Day of Week
- Performance by Ticker
- Time of Day Performance
- Equity Curve
- Portfolio Value (6 timeframes)
- Total Return (6 timeframes)
Top Bar: Logo • Title • Home
Bottom Bar (Mobile) / Top Bar (Desktop): 5 floating bubble menus
- Profile (Purple) - GitHub auth, PWA refresh
- Add (Green +) - Quick trade entry →
add-trade.html - Books (Turquoise) - Library viewer + uploader →
books.html,add-book.html - Notes (Purple Paper) - Strategy notes + creator →
notes.html,add-note.html - Trades (Yellow Graph) - Trade hub with popup:
all-trades.html- Complete listall-weeks.html- Weekly summariesanalytics.html- Full metricsimport.html- CSV importerreview.html- Weekly review tool
- Mentors (Pink) - Links to Tim Sykes, Tim Bohen
Platform: iOS & Desktop only
SFTi-Pennies/
├── index.html # Main dashboard
├── manifest.json # PWA config
│
├── index.directory/ # Frontend application
│ ├── Informational.Bookz/ # Trading education PDFs
│ ├── SFTi.Notez/ # Strategy frameworks (markdown)
│ ├── SFTi.Tradez/ # Live trades journal
│ │ ├── template/ # Trade entry template
│ │ └── week.YYYY.WW/ # Weekly folders
│ │ ├── MM:DD:YYYY.N.md # Individual trades
│ │ └── master.trade.md # Week aggregation
│ │
│ ├── assets/
│ │ ├── charts/ # Generated chart JSON
│ │ ├── css/ # Dark terminal theme
│ │ ├── js/ # Client-side logic
│ │ └── sfti.tradez.assets/ # Trade screenshots
│ │
│ ├── summaries/ # Auto-generated summaries
│ ├── trades/ # Individual trade HTML pages
│ ├── render/ # MD/PDF renderers
│ └── [app pages].html # add-trade, analytics, etc.
│
└── .github/
├── scripts/ # Python/Node processing
│ ├── generate_analytics.js # Calculate 21 metrics
│ ├── generate_charts.js # Create chart data
│ ├── parse_trades.js # Process markdown
│ └── importers/ # Broker CSV parsers
│
├── workflows/ # GitHub Actions pipelines
│ ├── trade_pipeline.js # Main automation
│ └── site_submit_workflow.js
│
└── templates/ # Content templates
- Visit live site
- Browse recent trades on homepage
- Check analytics dashboard
- Review weekly summaries
- Fork this repo
- Configure
index.directory/account-config.json(starting capital, timezone) - Enable GitHub Actions + Pages in repo settings
- Add trades via web form or commit markdown files
- Import broker CSV via import page
- Review weekly performance via review tool
git clone https://github.com/statikfintechllc/SFTi-Pennies.gitnpm install- Study
.github/scripts/for processing logic - Modify templates in
.github/templates/ - Customize charts in
assets/js/chartConfig.js
Trade Entry (markdown) → Commit to GitHub
↓
GitHub Actions Trigger
↓
Scripts Process (.github/scripts/)
• Parse trade markdown
• Calculate analytics
• Generate charts JSON
• Create summaries
• Build HTML pages
↓
Deploy to GitHub Pages
↓
Live Update on Site
Zero manual work. Add trade, push commit, wait 3 minutes, see results.
Frameworks:
- 7-Step Pattern Framework - Core recognition system
- GSTRWT Method - Daily workflow
- Penny Indicators - Top 5 tools
- Dip & Rip Pattern - Breakout timing
Books: Library includes 10 Patterns, 20 Strategies, 7-Figure Mindset, Profit Protection, Complete Penny Course
Live Examples: Trade Journal - Real trades with screenshots
Frontend: HTML5, CSS3, Vanilla JS, Chart.js, PDF.js, Marked.js
Processing: Python 3.11, Node.js 16+, GitHub Actions
Hosting: GitHub Pages (Jekyll)
Storage: Markdown files, JSON indices, LocalForage (client)
✅ Cut losses quickly (Rule #1)
✅ Pattern recognition over prediction
✅ Risk management: position sizing + stop losses
✅ Full transparency: log every trade
✅ Weekly reviews for continuous improvement
Goal: 18 months to freedom 🚀
- Live Journal:
- Ascend Institute
- Mentors: Timothy Sykes • Tim Bohen
Custom License - See LICENSE
Author: StatikFintech LLC
Last Updated: November 2025
