madcakes/fasting-app-client

web based app to track fasting time, weight, and water intake

Fasting app

Web based app to track fasting time, weight, and water intake

Technologies Used

• HTML
• CSS
• JavaScript
• React
• Python
• Flask
• PostgreSQL

 

Deployment

• Netlify

 

Screenshots

fasting-app-client's Issues

Routes

Set up basic routes and pages

Layouts

update navbar to header and footer
update routes for MainLayout

add profile

basic profile structure and styling

accessibility

Investigate

• react best practices for accessibility
• mobile app accessibility standards & best practice

fix layout

fix children not populating in the layout

fix input overflow /weight

inputs overflow on smaller screen sizes

• add shrink/grow to input
• reposition save button under
• save button expand to fill area in lower position

add layout

• move navbar component into layout
• update all pages colour
• update navbar to header and footer
• update routes for MainLayout

Design

rough design of dashboard, pull from other apps

https://webflow.com/blog/web-design-for-beginners

• Colour palette
• Typography (Font, and sizing)

add Footer

• add Today, Fast, and Profile tabs to navbar
• fix footer to bottom of screen
• add navigation to pages

update routes

check documentation for react route https://reactrouter.com/en/main

• may be using old router system, update to new practice