Interactive web application: Personal fitness diary (Web App)
HTML & CSS
Developed a responsive Single Page Application (SPA) for tracking daily physical activity, diet, and user progress.
Key features:
Data storage: Full integration with the browser's LocalStorage. All entered data (weight, water intake, notes) is securely stored after page refresh.
Logic and calculations: Custom JS scripts written for automatic calculation of weight difference between days and tracking progress towards a set goal (with visual indicators).
Dynamic UI: A banner with motivational quotes and backgrounds generated randomly on each load. A live progress bar for water intake.
Responsiveness (Mobile First): The interface perfectly adapts to any screen size (Grid and Flexbox architecture).
Design: Unique stylized interface in military colors (Custom CSS Variables).
Technology stack: HTML5, CSS3, JavaScript (ES6+), LocalStorage, DOM Manipulation, CSS Grid/Flexbox.
Key features:
Data storage: Full integration with the browser's LocalStorage. All entered data (weight, water intake, notes) is securely stored after page refresh.
Logic and calculations: Custom JS scripts written for automatic calculation of weight difference between days and tracking progress towards a set goal (with visual indicators).
Dynamic UI: A banner with motivational quotes and backgrounds generated randomly on each load. A live progress bar for water intake.
Responsiveness (Mobile First): The interface perfectly adapts to any screen size (Grid and Flexbox architecture).
Design: Unique stylized interface in military colors (Custom CSS Variables).
Technology stack: HTML5, CSS3, JavaScript (ES6+), LocalStorage, DOM Manipulation, CSS Grid/Flexbox.