TechFlow solves the fragmentation and opacity of modern laptop hardware specifications and used-market pricing by providing an interactive chip-level architecture catalog and a real-time Philippine secondary market valuation engine.
- Scraping & Data Telemetry: Python, Playwright, BeautifulSoup
- Frontend & UI/UX: Vanilla JavaScript (ES6+), Tailwind CSS, FontAwesome 6
- Data Architecture: Structured JSON & Master Excel Registry (
nanoreview_master.xlsx)
- Comprehensive Hardware Index: Curated catalog covering 35 series and 339 laptop models across ASUS, Lenovo (including ThinkPad), MSI, and HP.
- Interactive Silicon Configurator: Dynamic CPU and GPU configuration switching that instantly updates device specifications.
- Philippine Resale Valuation Engine: Algorithmic secondary market valuation factoring in introductory SRP, silicon tiering, generation age, and halo tier bonuses.
- Spec Bento & Calculated Capability Metrics: Six-card architectural bento grid alongside 0–100 capability ratings for Computing, Gaming, Display Fidelity, and Battery Mobility.
- Command Palette Spotlight Search: Keyboard-first search overlay (
Ctrl+K/Cmd+K) supporting live navigation with Arrow keys and instant filtering. - Monochrome & Accessible Design: Concentric rounded geometry, tactile button feedback (
scale(0.96)),:focus-visibleaccessibility rings, and seamless Light/Dark mode toggling with transition suppression.
- Scraping Speed & Concurrency: Transitioning from sequential browser automation to asynchronous batch extraction using
httpxand Playwright connection pooling. - Cloudflare Challenge & Anti-Bot Optimization: Implementing stealth browser fingerprinting and session caching to eliminate 403 blocks during mass data crawls.
- Telemetry Database Migration: Moving local JSON/Excel data stores to SQLite / PostgreSQL for scalable querying and model comparison queries.
- Automated Price Syncing: Background scrapers to continuously track second-hand Philippine listings (TipidPC, Carousell, FB Marketplace) for active market calibration.
Created and maintained by @Seraphingel.