A curated collection of practical, public-safe applications spanning web, mobile, Python tooling, business utilities, and security-aware engineering demos.

This repository demonstrates:

• Full-stack development patterns
• Data analysis and automation
• Security-aware product design
• Clean architecture and maintainable code

Public Safety Note: all projects use mock/sample/demo data only. No private credentials, no internal targets, and no harmful security behavior.

This monorepo is intentionally shaped around a builder profile: frontend + Python + cyber/data-adjacent tooling. Projects are grouped by difficulty to show progression from simple utilities to realistic product-style implementations.

A React + TypeScript dashboard simulating operational and SOC-style security insights with KPIs, incident queue, alert stream, and activity timeline.

A Python CLI that parses logs, summarizes severity trends, and flags anomaly hints such as error bursts and suspicious IP concentration.

A TypeScript React app for recording expenses, tracking budget usage, and visualizing category distribution.

A clean command-line calculator with validated operations and optional expression mode.

• Frontend: React, TypeScript, Vite, CSS (Tailwind-ready structure)
• Backend Simulation: local mock JSON data and client-side services
• Python: Python 3, argparse, statistics; pandas/numpy/sklearn planned in advanced tools
• Mobile: React Native + Expo (planned project set)
• Tooling: npm, pip, GitHub Actions

portfolio-lab/
├── web-apps/
│   ├── easy/
│   ├── intermediate/
│   │   └── expense-flow-tracker
│   └── advanced/
│       └── admin-analytics-dashboard
├── mobile-apps/
│   ├── cross-platform/
│   ├── android-first/
│   └── ios-first/
├── python-tools/
│   ├── easy/
│   │   └── quick-calc-cli
│   ├── intermediate/
│   │   └── log-analyzer-cli
│   └── advanced/
├── business-apps/
├── games/
├── docs/
└── shared/screenshots/

For the full planned catalog (20+ projects), see docs/overview.md.

cd web-apps/advanced/admin-analytics-dashboard
npm install
npm run dev

cd web-apps/intermediate/expense-flow-tracker
npm install
npm run dev

cd python-tools/intermediate/log-analyzer-cli
python3 src/main.py --file sample_data/app.log --top-ips 5

cd python-tools/easy/quick-calc-cli
python3 main.py op add 12 3
python3 main.py expr "(5 + 9) * 2"

• shared/screenshots/web-admin-analytics-dashboard.png
• shared/screenshots/web-expense-flow-tracker.png
• shared/screenshots/python-log-analyzer-cli.png

• Root standards and contribution workflow in place
• Advanced web dashboard implemented and enhanced
• Intermediate Python CLI project added
• Intermediate web project added
• Easy Python utility added

When publishing, pin these first:

1. Admin Analytics Dashboard
2. Log Analyzer CLI
3. Expense Flow Tracker
4. (Next) Crypto Address Demo Toolkit
5. (Next) Anomaly Detector Lab
6. (Next) One mobile app A curated, public-safe collection of projects focused on security-aware engineering, data-driven tooling, and modern application development.

This portfolio is designed to tell one clear story:

This developer builds security-aware tools and data-driven apps with practical UX and clean architecture.

All projects use synthetic/mock data and contain no private credentials, secrets, or target-specific behavior.

A SOC-style dashboard simulating real-time alerts, incidents, and operational metrics using synthetic data.

A Python tool for parsing structured logs and surfacing anomaly hints (error spikes, critical events, IP concentration).

A modern web app for tracking and visualizing personal financial data with local persistence.

React + TypeScript app with local encrypted vault behavior, lock/unlock flow, and note CRUD.

Educational CLI for analyzing dummy hex keys (bit distribution, entropy, repeating patterns).

Dark-themed cyber dashboard with traffic graph, suspicious IP alerts, and timeline.

• Frontend: React, TypeScript, Vite, Recharts
• Python: Python 3, numpy, sympy
• Mobile (planned): React Native + Expo
• CI: GitHub Actions

web-apps/
  advanced/
    admin-analytics-dashboard/
    secure-notes-app/
    network-traffic-dashboard/
  intermediate/
    expense-flow-tracker/
python-tools/
  easy/
    quick-calc-cli/
  intermediate/
    log-analyzer-cli/
  advanced/
    crypto-key-analyzer/
shared/screenshots/
mvc-core/
  AdminOpsDashboard.Mvc/
  ExpenseFlow.Mvc/
  RideFlowDispatch.Mvc/

# Secure Notes App
cd web-apps/advanced/secure-notes-app
npm install && npm run dev

# Crypto Key Analyzer
cd python-tools/advanced/crypto-key-analyzer
pip install -r requirements.txt
python3 main.py --key 0x1a2b3c

# Network Traffic Dashboard
cd web-apps/advanced/network-traffic-dashboard
npm install && npm run dev

Binary screenshots were intentionally removed for branch/export compatibility in environments that do not support binary artifacts in diffs.

See placeholders in shared/screenshots/README.md.

To satisfy server-rendered architecture requirements, parallel ASP.NET MVC Core projects are included:

• mvc-core/AdminOpsDashboard.Mvc
• mvc-core/ExpenseFlow.Mvc
• mvc-core/RideFlowDispatch.Mvc

Run pattern:

cd mvc-core/AdminOpsDashboard.Mvc
dotnet restore
dotnet run

To verify all apps and tools on a normal developer machine, follow:

• docs/runtime-verification.md

Fast checks:

python3 scripts/offline_integrity_check.py

If npm install fails due proxy/registry issues:

npm config set registry https://registry.npmjs.org/
npm cache clean --force

• No real credentials or private keys
• No real target recon or exploit functionality
• Security-related projects are educational/defensive only
• Datasets are synthetic and safe for public release