The Roadwatch project aims to revolutionize how communities interact with and navigate their local road systems by providing a combined platform for reporting road conditions, alerting users to hazards, allowing community input, and influencing road infrastructure improvements.
Since we'll be presenting this website in it's mobile PWA form, it's in our best interest to ensure all aspects of the site look good within the mobile viewport.
For this ticket, comb through all parts of the website on a mobile device to ensure it looks appropriate and presentable. If there are any issues on any devices, fix them.
Acceptance Criteria
[ ] All views, inputs, buttons, etc. should NOT clip outside the bounds of the device you're using (i.e., part of a button should not be outside the clickable area of a phone; all of it should be visible)
[ ] Ensure there's no scrolling along the x-axis (the Home page map is an exception)
[ ] All images and fonts scale to an appropriate size (i.e., images shouldn't be gigantic and the font size for non-heading text should be 16px)
[ ] Optional: The user isn't allowed to zoom in and out of the page (while this might seem counterintuitive, most native apps prohibit this ability, and since we want a near-native experience, we should disable this feature as well)
[ ] Any other "odd" designs or features that make the app feel clunky or less native
If you're unsure about whether something should be fixed, either leave a comment here or address it to the group Discord.
Description
Since we'll be presenting this website in it's mobile PWA form, it's in our best interest to ensure all aspects of the site look good within the mobile viewport.
For this ticket, comb through all parts of the website on a mobile device to ensure it looks appropriate and presentable. If there are any issues on any devices, fix them.
Acceptance Criteria
If you're unsure about whether something should be fixed, either leave a comment here or address it to the group Discord.