{"id":25588440,"url":"https://github.com/jhordyess/resistor-tracker","last_synced_at":"2026-04-11T03:30:20.861Z","repository":{"id":160005083,"uuid":"629029813","full_name":"jhordyess/resistor-tracker","owner":"jhordyess","description":"React project that lets you inventory your resistors by reading their color codes","archived":false,"fork":false,"pushed_at":"2024-02-02T14:26:26.000Z","size":382,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-02-02T15:35:38.499Z","etag":null,"topics":["inventory","localstorage","react","resistor-color-codes","taildwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://jhordyess.github.io/resistor-tracker/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jhordyess.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-04-17T13:29:57.000Z","updated_at":"2024-02-02T14:26:49.000Z","dependencies_parsed_at":"2023-09-30T07:16:27.144Z","dependency_job_id":null,"html_url":"https://github.com/jhordyess/resistor-tracker","commit_stats":{"total_commits":20,"total_committers":2,"mean_commits":10.0,"dds":"0.050000000000000044","last_synced_commit":"3ec0e50df55f9c87bab9cea1d68a2dfdb40971c0"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fresistor-tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fresistor-tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fresistor-tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jhordyess%2Fresistor-tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jhordyess","download_url":"https://codeload.github.com/jhordyess/resistor-tracker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239985720,"owners_count":19729512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["inventory","localstorage","react","resistor-color-codes","taildwindcss","typescript"],"created_at":"2025-02-21T08:37:32.126Z","updated_at":"2026-04-11T03:30:20.813Z","avatar_url":"https://github.com/jhordyess.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Resistor tracker\n\nReact-based web app that lets you inventory your resistors by reading their color codes. I thought that this project is my alternative to the classic to-do app 🥱.\n\n## Description\n\nTo add resistors, click the \"+\" button in the title, and a modal with the form will appear. From there, select the 1st Digit, 2nd Digit, Multiplier, Tolerance and Power Rating, and fill the quantity field.\n\nIn the list view, you can adjust the quantity of resistors by using the \"+/-\" buttons. _If the quantity is 0, the resistor will be removed_.\n\nYou can search for resistors based on the values, and the list of resistors will be updated to show only the ones that match.\n\n### Notes about E Series values\n\nAs a bonus, when you try to add a non-standard value from the E Series in the New Resistor Form, a message will suggest the nearest values according to the tolerance and accepted values of the E Series.\n\nPlease note that the E3, E48, E96, and E192 Series are not supported, only the E6, E12, and E24 Series.\n\n### Useful links\n\nFor a theoretical review, I may suggest:\n\n- \u003chttps://eepower.com/resistor-guide/resistor-standards-and-codes\u003e\n- \u003chttps://en.wikipedia.org/wiki/E_series_of_preferred_numbers\u003e\n\n### Technologies Used\n\n- JS Libraries: [ReactJS](https://reactjs.org/)\n- Programming Language: [TypeScript](https://www.typescriptlang.org/)\n- CSS Libraries: [TailwindCSS](https://tailwindcss.com/)\n- Build Tool: [Vite](https://vitejs.dev/)\n- Hosting: [GitHub Pages](https://pages.github.com/)\n- Dev Environment: [VSCode](https://code.visualstudio.com/) with [dev containers](https://code.visualstudio.com/docs/remote/containers) in [Zorin OS](https://zorinos.com/)\n\n### Demo\n\nYou can see the demo here: \u003chttps://jhordyess.github.io/resistor-tracker/\u003e\n\n### Screenshots\n\n![Home](https://res.cloudinary.com/jhordyess/image/upload/v1682096760/resistor-color-code/resistor-tracker-home.png)\n![Form](https://res.cloudinary.com/jhordyess/image/upload/v1682096760/resistor-color-code/resistor-tracker-form.png)\n\n### Evolution from another project\n\nThis project is the result of my mini project with JS [resistor-color-code](https://github.com/jhordyess/resistor-color-code), It's a resistor value calculator for 4 bands of color that helped me to develop this project.\n\n## How to use\n\n1. Clone the repository:\n\n```bash\ngit clone git@github.com:jhordyess/resistor-tracker.git\n```\n\n2. Open the project folder:\n\n```bash\ncd resistor-tracker\n```\n\n3. Install the dependencies:\n\n```bash\nyarn\n```\n\n4. Run the project:\n\n```bash\nyarn dev\n```\n\n5. Open the browser at \u003chttp://localhost:5173/resistor-tracker/\u003e\n\n## How to use with VSCode dev containers\n\nYou can use the VSCode dev containers to run the project in a containerized environment.\n\nYou need to have installed [Docker](https://www.docker.com/) and [VSCode](https://code.visualstudio.com/), and the [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension.\n\n1. Clone the repository:\n\n```bash\ngit clone git@github.com:jhordyess/resistor-tracker.git\n```\n\n2. Open the project with VSCode:\n\n```bash\ncode resistor-tracker\n```\n\n3. Open the command palette and select the option `Dev Containers: Reopen in Container`.\n\n4. Wait for the container to be built and the project to be started.\n\n5. Open the terminal in VSCode and run the project:\n\n```bash\nyarn dev\n```\n\n6. Open the browser at \u003chttp://localhost:5173/resistor-tracker/\u003e\n\n## To-Do\n\n- Add snackbar messages\n- Add support for 5 bands or more 🤔\n- Improve relative resistor size with powerRating\n\n## Contribution\n\nIf you would like to contribute to the project, open an issue or make a pull request on the repository.\n\n## License\n\n© 2023\u003e [Jhordyess](https://github.com/jhordyess). Under the [MIT](https://choosealicense.com/licenses/mit/) license. See the [LICENSE](./LICENSE) file for more details.\n\n---\n\nMade with 💪 by [Jhordyess](https://www.jhordyess.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhordyess%2Fresistor-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjhordyess%2Fresistor-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjhordyess%2Fresistor-tracker/lists"}