Plate Picker

Author: Billy Bunn

Description

A tool to help you save time at the gym and pick the right plates to put on the bar. Enter your target weight and available plates—Plate Picker does the rest.

See the deployed app at https://plate-picker.netlify.com/

Features

• Imperial and Metric weight units
• Automatic recalculation on change in available plates, bar weight, etc.
• Local Storage caching between browser sessions
• All functional React components
• Use of React hooks (useReducer,useContext, useState, useEffect)
• Accounts for quantity of available plates
• Custom bar/plate weight entry
• Plate data visualization

Built With

• React
• Material UI
• Create React App

Installation

• Clone the repository to your local machine.
• Run npm i to install all dependencies.
• Run npm start to run the app in development mode.
• Open http://localhost:3000 to view it in the browser.

Scripts

• npm start
• npm test
• npm run build
• npm run eject

License

MIT © Billy Bunn