Skip to content

v0.11.0 - Professional UI Redesign

Choose a tag to compare

@ItMeDiaTech ItMeDiaTech released this 09 Oct 04:09
· 6 commits to main since this release

🎨 Major UI/UX Redesign

This release brings a professional, modern UI redesign inspired by industry-leading applications like VSCode, Spotify, and Discord.

✨ New Features

Vertical Sidebar Navigation

  • Replaced horizontal scrolling navbar with a professional vertical sidebar
  • 220px wide when expanded, 60px when collapsed
  • Smooth toggle animation with hamburger button
  • State persistence - remembers your preference across sessions

Organized Navigation Structure

  • Main: Home
  • Game Data: Villagers, Shops, Calendar, Items, Crafting, Stats Guide
  • Tools: Profit Calculator
  • Personal: Notes, Daily Tasks

Enhanced User Experience

  • Active page highlighting with blue accent bar
  • Tooltips on hover when sidebar is collapsed
  • Icon + label design for better clarity
  • Clean, professional VSCode-inspired dark theme
  • Footer showing app version

πŸ”§ Technical Improvements

  • Created shared sidebar.ts utility for code consistency
  • Eliminated code duplication across all pages
  • Improved maintainability and scalability
  • localStorage integration for state persistence
  • 200+ lines of optimized CSS for sidebar functionality

πŸ“Š Statistics

  • 24 files modified: 1,269 insertions, 634 deletions
  • All 10 pages updated with consistent navigation
  • Build successfully compiled with no errors

🎯 Benefits

βœ… More professional desktop app appearance
βœ… Better scalability for future features
βœ… Improved information hierarchy
βœ… Consistent experience across all pages
βœ… More screen space for actual content
βœ… Modern, industry-standard navigation pattern

πŸ“¦ Installation

Download the appropriate installer for your platform below and run it. The app will auto-update from this version forward.


Full Changelog: v0.10.0...v0.11.0