ScrollMe is an open-source eCommerce platform built with JavaScript, React, Styled Components, Node.js (Express), and MongoDB. It offers a modern shopping experience with a scalable backend, perfect for contributors or those learning modern web development.
The website currently lacks a dark mode option, which is essential for enhancing user experience, especially in low-light environments. I want to add a dark mode feature with a toggle button, allowing users to switch between light and dark themes seamlessly.
Steps to Reproduce the Issue
Open the website on any page.
Confirm that there is no option to switch to dark mode.
Verify if elements adjust properly when implementing the dark theme toggle
Feel free to be as detailed as necessary so we can replicate the issue accurately.
Expected Behavior
Describe what you expected to happen when following the steps above.
Actual Behavior
Describe what actually happened. Include any error messages or unexpected results.
Screenshots (if applicable)
If applicable, please attach any relevant screenshots or visual aids that help illustrate the issue.
Additional Context
Add any other context or information that may help in diagnosing the issue.
Examples
Example 1
Title: Product Search Feature Returns No Results Description: The product search functionality fails to display any results even for valid search queries.
Steps to Reproduce:
Navigate to the product search bar on the homepage.
Type "Wireless Mouse" into the search field.
Press the Enter key.
Expected Behavior: The system should display a list of products matching "Wireless Mouse."
Actual Behavior: The message "No results found" appears, regardless of valid input.
Example 2
Title: Login Issue with Valid Credentials Description: Users are experiencing issues logging in, despite entering the correct username and password.
Steps to Reproduce:
Access the login page.
Input a valid username and password.
Click the "Login" button.
Expected Behavior: The user should successfully log in and be redirected to their dashboard.
Actual Behavior: An error message states, "Invalid credentials," preventing access.
Thank you for taking the time to report this issue! We appreciate your help in improving our project.
Issue Report
Title
Add Dark Mode Feature
Description
The website currently lacks a dark mode option, which is essential for enhancing user experience, especially in low-light environments. I want to add a dark mode feature with a toggle button, allowing users to switch between light and dark themes seamlessly.
Steps to Reproduce the Issue
Feel free to be as detailed as necessary so we can replicate the issue accurately.
Expected Behavior
Describe what you expected to happen when following the steps above.
Actual Behavior
Describe what actually happened. Include any error messages or unexpected results.
Screenshots (if applicable)
If applicable, please attach any relevant screenshots or visual aids that help illustrate the issue.
Additional Context
Add any other context or information that may help in diagnosing the issue.
Examples
Example 1
Title: Product Search Feature Returns No Results
Description: The product search functionality fails to display any results even for valid search queries.
Steps to Reproduce:
Expected Behavior: The system should display a list of products matching "Wireless Mouse."
Actual Behavior: The message "No results found" appears, regardless of valid input.
Example 2
Title: Login Issue with Valid Credentials
Description: Users are experiencing issues logging in, despite entering the correct username and password.
Steps to Reproduce:
Expected Behavior: The user should successfully log in and be redirected to their dashboard.
Actual Behavior: An error message states, "Invalid credentials," preventing access.
Thank you for taking the time to report this issue! We appreciate your help in improving our project.