Giter Site home page Giter Site logo

brio50 / divisor Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 10.56 MB

Convert metric measurements to imperial and round decimal values to fractions based on your desired divisor - 1/64, 1/32, 1/16, 1/8, and 1/4

Home Page: https://brio50.github.io/divisor/

License: MIT License

JavaScript 77.50% CSS 3.86% HTML 18.64%
conversion divisor fraction imperial metric round

divisor's People

Contributors

brio50 avatar

Watchers

 avatar

divisor's Issues

Project Initialization

Actions:

  • Add motivation/background to README.md:

  • Add CHANGELOG.md

  • Specify requirements in REQUIREMENTS.csv:

    • back-end functionality
    • front-end design
      • mobile and desktop friendly
      • dynamic fields
  • Research tech stack in this issue

    • automated requirement verification (code coverage)

Feature Brainstorming

Ideas

  • when rounding with smaller divisors, i.e. 4, 8, provide an error indication to right of output.
    • e.g. Error: ⬆️ #.###
  • woodworking and machinist tabs: in machining a tenth it 0.0001, not 0.1.
  • add a feature to calculate divisions of measurement, allowing for accounting of "saw blade kerf"

Webpack Optimization

Production

The npm command I use to build executes webpack in developer mode. The deployed website, https://divisor.onrender.com/, loads slowly on my phone. Use official guidance to convert to production mode. I'm not going to install another plugin, the webpack command can take a command line argument, i.e. mode=production

I think this will "minify" css and js in the project, hopefully speeding up loading time.

Algorithm Development

In React (Javascript):

  • unit conversion: mm to in, in to ft
    • mm2in()
    • in2ft()
  • assuming the value in 7.125 inch rounded to nearest divisor of an in
    • analytically: floor(7.125) + ceil(0.125*divsor)/divisor "in"
    • interpolation: x=0:divisor:1; i=interp1(x,0.125,'ceil'); y=x(i);
  • assuming the value in 7.125 ft rounded to nearest ft + divisor of an in
    • analytically: floor(7.125) "ft" + ceil(ft2in(0.125)*divsor)/divisor "in"

In Python:

- [Two routes, one for each method to learn differences between dynamic ON-EVENT and PUT/GET static

React UI Improvements

Input Fields

  • add input label to divisor drop-down, and use a default value of 1/16, this way we can remove input validation for this aspect of tool.
  • allow for numeric keyboard on mobile devices
  • allow mathematical expressions, triggered on = or just do the math provided
  • fix bug when "1." entered and "0" returned.
    • I believe input fields are "string" and feel that "1." may change type to "float." I need to enforce input option type specification/casting.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.