Skip to content

Techdle v1.2.1 Release Notes

Choose a tag to compare

View all tags
@CyberSphinxxx CyberSphinxxx released this 27 Jun 11:38
v1.2.1
d576b16

Overview

Version 1.2.1 focuses on major foundational improvements, transitioning the app from a development state to a fully optimized, production-ready Progressive Web App (PWA). This release includes comprehensive mobile responsiveness fixes, massive SEO upgrades, and significant documentation enhancements.

Features & Enhancements

Progressive Web App (PWA) Integration

  • Implemented full native PWA support.
  • Added a custom Service Worker (sw.js) with network-first caching strategies for offline resilience.
  • Integrated a Next.js PWAProvider and updated layout.tsx metadata to support device installations.

Native Sharing Capabilities

  • Upgraded the "Share Result" button to utilize the native Web Share API (navigator.share) on supported devices, providing a seamless sharing experience to social apps.
  • Maintained a robust clipboard-copy fallback for non-supported browsers.
  • Updated the default shared URL to point to the production playtechdle.com domain.

SEO & Discoverability Optimization

  • Structured Data: Injected JSON-LD Schema (SoftwareApplication / GameApplication) into the document head to enable rich snippets in Google Search results.
  • Search Console Verification: Implemented Google Site Verification via both HTML root file upload and Next.js metadata tag injection.
  • Metadata Overhaul: Added targeted SEO keywords, updated OpenGraph and Twitter card descriptions, and established Canonical URLs to prevent duplicate content indexing.

Documentation & Copy Updates

  • About Page Rewrite: Completely overhauled the /about page to be highly detailed and accessible to non-technical users. It now features a structured "How to Play" guide and explains the Answer Dictionary.
  • The Origin Story: Added a dedicated section honoring the game's inspiration (Doctordle / Doctor Mike) and establishing Techdle as the first tech-based diagnostic Wordle-like game.
  • Architecture Documentation: Updated the README.md using a comprehensive Graphify codebase analysis to document the Next.js App Router structure, God Nodes, and puzzle systems.

Bug Fixes & UI Polish

Mobile Responsiveness

  • Dictionary Page: Resolved a critical horizontal overflow issue on small screens (e.g., iPhone SE). Added strict CSS bounds (overflow-hidden), text wrapping (break-words), and flex-shrink utilities to ensure cards fit perfectly within 320px viewports.
  • Header Navigation: Optimized header layout for mobile devices by dynamically reducing icon padding, gap spacing, and logo size below the sm breakpoint, preventing layout breakage.

Z-Index & Autocomplete Overlap

  • Fixed a visual bug where the global Footer was rendering on top of the search dropdown menu.
  • Elevated the search dropdown z-index layer (z-50) to ensure it always floats above page content.
  • Aggressively disabled native browser spellcheck and history autocomplete overlays (autoComplete="new-password", spellCheck="false") that were visually colliding with the custom game search dropdown.

Refactoring & Cleanup

  • Dev Mode Removal: Stripped out all legacy development mode fast-paths, bypasses, and UI admin indicators from core components (AuthProvider, Game, GameBoard, Header, SecurityProvider) to ensure a secure, production-only user experience.

Full Changelog: v1.2.0...v1.2.1

Assets 2
Loading