This project is a web-based eletronic color code calculator. It is designed to help users identify the resistance value of a resistor based on the color bands. The project is built using React and TypeScript, and is designed to be accessible to all users.
- Calculate resistance value based on color bands
- Calculate tolerance value based on color bands
- Accessible to all users
- Responsive design
- Light / Dark themes
To install the project and its dependencies, run the following commands:
- Clone this repository
git clone <repo-url>
and navigate to itmv <repo-name>
. - Run
npm install
in the root directory of each project. - Make sure you have a MySQL server running on your machine.
- Duplicate and rename each
.env.example
files on each directory (client
&server
).
- Configure the
.env
file with the appropiate values, when needed.
- On the
server
directory:
- Run the database migrations with
npm run migrate
to create the database tables.- If the seeder didn't run automatically, run it manually with
npm run seed
to populate the database with the initial data. - Run
npm run dev
to start the express development server.
- If the seeder didn't run automatically, run it manually with
- On the
client
directory:
- Run
npm run dev
to start the vite development server.- Open your browser and navigate to
localhost:{PORT}
to view the project.
- Open your browser and navigate to
- Fix graphical issue on reset with the resistor image
- Add more tests to the client and server, (UI components, API endpoints, integration tests)
- Optimize query performance on the server