Skip to content

feat: Interactive BMI Calculator + Persistent Dark Mode + Responsive Navbar#105

Open
Asmi768 wants to merge 1 commit intoBDutta18:mainfrom
Asmi768:feat/bmi-darkmode-responsive
Open

feat: Interactive BMI Calculator + Persistent Dark Mode + Responsive Navbar#105
Asmi768 wants to merge 1 commit intoBDutta18:mainfrom
Asmi768:feat/bmi-darkmode-responsive

Conversation

@Asmi768
Copy link

@Asmi768 Asmi768 commented Aug 15, 2025

Summary

This PR adds three user-facing upgrades:

  • ✅ Interactive BMI Calculator (live result, category, tips, progress bar)
  • ✅ Persistent Dark/Light Mode (localStorage + smooth toggle)
  • ✅ Mobile-First Responsive Navbar (hamburger + accessible aria states)

Why

Improves interactivity, usability, and mobile experience—aligned with the project's goal to be a modern, responsive fitness site.

Implementation

  • New BMI section in index.html with accessible labels and aria-live updates.
  • Theme system via data-theme on , saved to localStorage.
  • Responsive navigation with a11y-friendly toggle and link-close behavior.
  • Pure HTML/CSS/JS—no extra dependencies.

Testing

  • Tested on Chrome/Edge mobile & desktop breakpoints.
  • Validated BMI categories (WHO).
  • Verified theme persistence across reloads.

GSSOC'25

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant