Resistor Mastery is an interactive web application designed to help electronics enthusiasts, students, and professionals improve their skills in interpreting resistor color codes.
Try out Resistor Mastery here: https://mahamadfaizpatel.github.io/resistorMastery/
-
Three Learning Modes:
- Practice Mode: Learn at your own pace
- Timed Mode: Test your speed and accuracy against the clock
- Challenge Mode: Face increasing difficulty levels
-
Interactive Resistor Display: Visual representation of resistors with color bands
-
Real-time Feedback: Immediate response on answer correctness
-
Score Tracking: Monitor your progress as you learn
-
Color Selector: Easy reference guide for color codes (available in Practice and Timed modes)
-
Responsive Design: Works on desktop and mobile devices
-
Clone this repository:
git clone https://github.com/mahamadfaizpatel/resistorMastery.git
-
Navigate to the project directory:
cd resistorMastery
-
Open
index.html
in your web browser to run the application locally.
This project is already deployed using GitHub Pages. If you fork this repository, you can use GitHub Pages to deploy your own version:
- Go to your repository settings
- Navigate to the "Pages" section
- Select the branch you want to deploy (usually
main
ormaster
) - Set the folder to
/root
- Save your changes
Your site will be published at https://yourusername.github.io/resistorMastery/
- Visit the Resistor Mastery web app
- Select a mode (Practice, Timed, or Challenge) using the buttons at the top.
- Observe the resistor display and interpret the color code.
- Enter your answer in ohms in the input field.
- Click "Submit" to check your answer.
- Receive feedback and see your score update.
In Timed mode, try to answer as many as possible within 60 seconds. In Challenge mode, the difficulty increases with each correct answer.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
If you have any questions or feedback, please open an issue in this repository.
Enjoy mastering resistor color codes with Resistor Mastery!