This is a website that allows user to add their secrets anonymously to the website. Thus makes its interesting. One can add their secrets that they don't want to share with anyone.
While using the website, I encountered two issues with the navigation bar and dark mode functionality:
Navbar Scrolling Behavior:
The navigation bar scrolls upwards as the page scrolls, making it disappear from view. This impacts the user experience as they have to scroll back up to access navigation options.
Proposed Solution: Implement a "sticky" or "fixed" navbar, so it remains visible at the top of the page as the user scrolls down.
Dark Mode Toggle Not Functioning:
The dark mode toggle in the navigation bar does not apply any changes to the website's theme when clicked.
Proposed Solution: Ensure that the dark mode toggle correctly switches between light and dark themes. This may involve fixing JavaScript or CSS handling the dark mode functionality.
Steps to Reproduce
Visit the website: top-secrets.onrender.com
Scroll down to observe the navbar disappearing from view.
Click on the dark mode toggle icon in the navbar and note that it doesn’t change the theme.
Expected Behavior
Sticky Navbar: The navigation bar should remain at the top of the page even when scrolling.
Dark Mode: The theme should change when the dark mode toggle is activated, applying appropriate styles for a dark color scheme.
While using the website, I encountered two issues with the navigation bar and dark mode functionality:
Navbar Scrolling Behavior:
The navigation bar scrolls upwards as the page scrolls, making it disappear from view. This impacts the user experience as they have to scroll back up to access navigation options. Proposed Solution: Implement a "sticky" or "fixed" navbar, so it remains visible at the top of the page as the user scrolls down. Dark Mode Toggle Not Functioning:
The dark mode toggle in the navigation bar does not apply any changes to the website's theme when clicked. Proposed Solution: Ensure that the dark mode toggle correctly switches between light and dark themes. This may involve fixing JavaScript or CSS handling the dark mode functionality.
Steps to Reproduce Visit the website: top-secrets.onrender.com Scroll down to observe the navbar disappearing from view. Click on the dark mode toggle icon in the navbar and note that it doesn’t change the theme.
Expected Behavior Sticky Navbar: The navigation bar should remain at the top of the page even when scrolling. Dark Mode: The theme should change when the dark mode toggle is activated, applying appropriate styles for a dark color scheme.