Closed tyin363 closed 3 months ago
I really appreciate you doing this bugfix - the navbar menu collapses and expands correctly. There seems to be no critical bugs or issues that need to be addressed. However, I do want to suggest an improvement before merging the PR.
By doing this improvement, I believe the PR will be ready to merge!
Thanks for your review Seth! I have made the changes you recommended and I think the nav bar looks much better now.
Let me know if there are any other suggested changes. Otherwise, feel free to approve this PR.
Thanks for the changes! Everything looks good to merge :)
Context
The navbar toggle button on smaller screens was not functioning as expected, which affected the user experience on mobile devices. This PR addresses the issue by ensuring that the necessary dependencies are correctly included and the toggle functionality works as intended.
Closes #36
What Changed?
Updated the import of Bootstrap and Popper.js in App.js to ensure compatibility and correct functionality. Added jquery import to ensure proper functioning of Bootstrap's JS components. Verified the usage of the correct data attributes in the navbar toggle button and collapse menu.
How To Review
Review the changes in App.js to see the updated imports and ensure the correct scripts are loaded. Check the HTML structure within App.js for the correct use of Bootstrap's data attributes. Test the application on smaller screens to confirm that the navbar toggle button now functions correctly.
Testing
Manually tested the application on various screen sizes to confirm that the navbar menu collapses and expands correctly. Tested the app on both mobile devices and desktop browsers with a resized window.
Risks
Ensure that the imported dependencies do not cause any conflicts with other parts of the application. Double-check that the changes do not affect the layout or functionality on larger screens.
Notes
No additional libraries were added, only the existing ones were correctly utilized. This fix should improve the overall user experience on mobile devices.