A macro calculator to help simplify calculations for my wife's business. Originally developed in MVC Pattern with 7-1 SCSS structure and BEM class names.
- Refactor: Removed
AppInternalsin favor of simpler loading inApp - Chore: Update packages
- Fixed vite config bug
- Now deploys to Github Pages
- Fixed a build bug
- Proper error handling when calories dip below BMR
- Fixed a bug that didn't allow custom protein modifier input
- Now stores state in local storage for 1 week in case the app crashes
- Rebuilt with React, Tailwind, shadcn and Vite
- Ported changelog from original repo
- Minor UI tweaks
- Switched number input type to work better for mobile UIs.
- Fixed UI for mobile devices so the output isn't hilariously large.
- Bug fixes.
- Better UI for mobile devices.
- Refactored underlying JS for proper MVC architecture.
The calculator now has a very basic password protection so it can be publicly viewable and still inaccessible (as this is a private tool for Sara's business and a personal point of pride for me as a web developer).
Also added a quick AJAX request to ipinfo.io to bypass the password if we're at home so we don't have to type in the password (as that will most likely be 95% of use cases for this tool for now).
I've updated the tool to have Macros By Sara official branding, as well as set the desktop version to be a 2-column flex-grid that utilizes position:sticky to keep the results in-focus.
No more scrolling to see the numbers being crunched!
- Now firing
myCopright()insideinit() myCopyright()is now located inside of newly-renamedutilities.jsmodule- Added docs in
view.js - Refactored SCSS to implement
@usein favor of deprecated@import
Init.