CodStak Weekly Challenge #10: Toggle Dark & Light Mode
React interview question
Hey Coders,
Welcome to the 10th edition of our weekly newsletter! This newsletter is designed to provide you with real-world challenges to help you enhance your front-end skills and excel in interviews.
Today’s challenge is to create a React component that toggles between Dark and Light mode. This is an easy challenge, if you have done your basics right, you should be able to solve this quickly.
Following is the description of the challenge:
In this challenge, you will create a Light/Dark Mode Toggle using React. This component will allow users to switch between light and dark themes dynamically by toggling a button.
The background color and text color of the card content will change based on the selected theme, simulating a light or dark mode.
Key Features: Theme Toggle: A button that switches between light and dark modes.
Dynamic Styling: The background and text color of the card content will update based on the selected mode.
Smooth Transition: A smooth user experience when switching between themes.
Customizable: You can easily change the colors for light and dark themes by modifying the classes in the code.
🔥 You can access the challenge here
That’s all folks, see you next week with a new challenge.