mahamadfaizpatel / resistormastery

Resistor Mastery

Resistor Mastery is an interactive web application designed to help electronics enthusiasts, students, and professionals improve their skills in interpreting resistor color codes.

Live Demo

Try out Resistor Mastery here: https://mahamadfaizpatel.github.io/resistorMastery/

Screenshot

Features

• 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

Setup

1. Clone this repository:

   git clone https://github.com/mahamadfaizpatel/resistorMastery.git
   

2. Navigate to the project directory:

   cd resistorMastery
   

3. Open index.html in your web browser to run the application locally.

Deployment

This project is already deployed using GitHub Pages. If you fork this repository, you can use GitHub Pages to deploy your own version:

1. Go to your repository settings
2. Navigate to the "Pages" section
3. Select the branch you want to deploy (usually main or master)
4. Set the folder to /root
5. Save your changes

Your site will be published at https://yourusername.github.io/resistorMastery/

Usage

1. Visit the Resistor Mastery web app
2. Select a mode (Practice, Timed, or Challenge) using the buttons at the top.
3. Observe the resistor display and interpret the color code.
4. Enter your answer in ohms in the input field.
5. Click "Submit" to check your answer.
6. 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.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

Contact

If you have any questions or feedback, please open an issue in this repository.

Enjoy mastering resistor color codes with Resistor Mastery!