🎉 UI Overhaul!

[nirmaljoji]

Why we need this!

The current design is very wonky, with no clear routes for navigating through the app. Multiple unnecessary clicks are required to achieve simple tasks.

Affected parts

• Home Screen
• Source code organization
• Use of vanilla HTML/CSS

Solutions

• Adopt any simple frameworks to divide the project's UI into modules, allowing for better modularity.
• Make the application simple to use, with lesser pages and focusing on what the product is aimed at E.g. make landing page for entering and tracking calories since this is a calorie tracker.
• Use pages that can dynamically render, thereby requiring no refreshes and no new pages for showing updated data.
• Use good color palette for entire website.

Additional context

[nirmaljoji]

Looks like this issue has been completed as part of several other minor issues.

[nirmaljoji]

Do we want to make any more UI changes or can close this issues ? @Diksha-Maurya @amritav

[Diksha-Maurya]

Do we want to make any more UI changes or can close this issues ? @Diksha-Maurya @amritav

We can suggest the user the diet plan according to the goal/current weight.

[amritav]

I thought it would be a good idea to incorporate a TDEE calculator within our profile page or maybe a separate page? Another thing that would be very helpful would be to have the nutritional info displayed along with the calories. I've created two separate issues for these: https://github.com/adi-kiran/burnout-healthgoalsapp/issues/6 and https://github.com/adi-kiran/burnout-healthgoalsapp/issues/37

[nirmaljoji]

Cool, i will close this issue then. 🚀