OtagoPolytechnic/Cloudy-with-a-Chance-of-LoRa

AI Summary: Correct case sensitivity issues in image file paths to fix the broken About page images on the weather station website. This involves checking image filenames and import paths for consistency, renaming files/folders as needed, testing locally on a case-sensitive system, deploying the fix, and updating documentation to prevent future issues.

AI Summary: Refactor the `SevenDayForecast.js` and `TodayForecast.js` components to fetch and display real-time weather data from a backend API instead of using dummy data. This involves removing dummy data imports, implementing API calls to retrieve the last 7 hours and 7 days of data respectively, handling loading states and errors, validating data formats, and thorough testing with real data. The Prisma database schema should be consulted for correct data querying.

AI Summary: Improve the weather station's graph components to gracefully handle cases with limited data points (e.g., single day or few days). This involves auditing existing code, implementing conditional rendering or scaling adjustments for low data scenarios, testing with various data volumes, and updating documentation.

AI Summary: Improve the responsiveness and layout of a weather station website across various screen sizes (mobile, tablet, desktop, and ultra-wide). This involves auditing existing layout issues, adjusting the maximum width and padding of the main container, defining responsive breakpoints, testing on different devices, and documenting the responsive design guidelines.

AI Summary: Implement a smooth loading screen animation between page transitions on the weather station website (weather.op-bit.nz) to improve user experience by reducing jarring UI changes and providing feedback during navigation. This involves designing a loading component, integrating it with page routing or data fetching, and testing its performance across various devices.

AI Summary: Fix the mobile navigation bar's scrolling behavior on a weather station website built with React and Tailwind CSS. The navbar currently scrolls inconsistently on mobile, creating a poor user experience. The solution involves auditing the current behavior, refactoring the NavigationBar.js component to implement either a fixed navbar or a smart sticky navbar, and thoroughly testing on various devices and screen sizes.

AI Summary: Refactor the website's background styling to use a locally stored image instead of a remote URL, leveraging Tailwind CSS for consistent and reliable display across different devices and network conditions. This involves downloading a suitable image, updating the Tailwind configuration to reference the local image, ensuring responsiveness, and removing redundant inline styles.

AI Summary: Refactor the website's page components to improve UI/UX consistency. This involves auditing existing pages for layout inconsistencies, updating Tailwind classes, refactoring CSS, testing responsiveness across different screen sizes, and validating changes against UX principles. Collaboration with a design lead or referencing existing layouts is recommended.

AI Summary: Enhance the weather station website's search bar to provide dynamic suggestions of available pages based on user input. This involves researching and implementing a search suggestion mechanism (potentially using a library), designing the UI/UX for the suggestion dropdown, integrating keyword indexing, implementing and testing the dynamic suggestions, and ensuring accessibility and responsiveness.