kimchirice / 32spoke Goto Github PK

when you want to build a new wheel, but having no idea how to do it or even where to start with? I myself could relate to that feeling, a bit overwhelming for sure. 32spoke is a spoken length calculation tool, help cyclists like you to decide whether the hub, rim combo met the reality check.

Home Page: https://32spoke.netlify.app/

HTML 5.95% CSS 2.15% JavaScript 91.91%

32spoke's People

Contributors

Stargazers

Watchers

32spoke's Issues

[feature] autofocus to the first form field once page loaded

add autofocus to the first form field(input)

input field spinner does show in browser (Chrome 85.0.4183.101) on OS Android 9 VKY-L29

modify the input filed of 'spoke hole diameter' from text to number

<input
  className="form-control"
  type='number'
  id='spokeHoleDiameter' 
  name='spokeHoleDiameter'
  value={hub.spokeHoleDiameter} 
  onChange={handleChange} 
  min="1.5"
  max="3.5"
  step="0.1"
/>

but the spinner only showeed on Chrome desktop not mobile, while work fine on Firefox(both desktop and mobile)

[feature] automatically shift focus to the next form field once enter key pressed

[Add] new feature to improve UX

deploy failed

deploy fail log

1:34:35 PM: Build ready to start
1:34:37 PM: build-image version: b0258b965567defc4a2d7e2f2dec2e00c8f73ad6
1:34:37 PM: build-image tag: v3.4.1
1:34:37 PM: buildbot version: 0e3cc7aef5c33f731b54ed4b65d515eaab821679
1:34:37 PM: Fetching cached dependencies
1:34:37 PM: Starting to download cache of 110.1MB
1:34:38 PM: Finished downloading cache in 572.682624ms
1:34:38 PM: Starting to extract cache
1:34:42 PM: Finished extracting cache in 4.502027767s
1:34:42 PM: Finished fetching cache in 5.102193627s
1:34:42 PM: Starting to prepare the repo for build
1:34:43 PM: Preparing Git Reference refs/heads/master
1:34:44 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'build' versus 'build/' in the Netlify UI
1:34:44 PM: Starting build script
1:34:44 PM: Installing dependencies
1:34:44 PM: Python version set to 2.7
1:34:45 PM: Started restoring cached node version
1:34:47 PM: Finished restoring cached node version
1:34:48 PM: v12.18.0 is already installed.
1:34:49 PM: Now using node v12.18.0 (npm v6.14.4)
1:34:49 PM: Started restoring cached build plugins
1:34:49 PM: Finished restoring cached build plugins
1:34:49 PM: Attempting ruby version 2.7.1, read from environment
1:34:50 PM: Using ruby version 2.7.1
1:34:50 PM: Using PHP version 5.6
1:34:50 PM: 5.2 is already installed.
1:34:50 PM: Using Swift version 5.2
1:34:50 PM: Started restoring cached node modules
1:34:50 PM: Finished restoring cached node modules
1:34:50 PM: Started restoring cached yarn cache
1:34:50 PM: Finished restoring cached yarn cache
1:34:51 PM: Installing NPM modules using Yarn version 1.22.4
1:34:51 PM: yarn install v1.22.4
1:34:51 PM: warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
1:34:52 PM: [1/4] Resolving packages...
1:34:52 PM: warning [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
1:34:53 PM: [2/4] Fetching packages...
1:35:16 PM: error [email protected]: The platform "linux" is incompatible with this module.
1:35:16 PM: error Found incompatible module.
1:35:16 PM: info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
1:35:16 PM: Error during Yarn install
1:35:16 PM: Build was terminated: Build script returned non-zero exit code: 1
1:35:16 PM: Failing build: Failed to build site
1:35:16 PM: Failed during stage 'building site': Build script returned non-zero exit code: 1
1:35:16 PM: Finished processing build request in 38.939810873s

folder name on Github and local repo not synced

Problem

previously I named all the folders in the repo with a format of Capitalized letter. Now I have decided to change them all with lower case. but there is a problem with Github folder name,

first. it is not possible to chane from the web insterface.
second. I did change the folder name, say from "Component" to "component" then the git repo dose not update the folder name accordingly.

input filed set to number (type='number') however user is able to type in 'e'

screen shot

controlled input field lost focus once typed in one character

Failed to compile. ./src/Pages/Wheel.js Line 14:3: 'handleChange' is not defined no-undef Line 20:3: 'handleClickCalculate' is not defined no-undef Line 24:3: 'handleClickPrev' is not defined no-undef Line 32:3: 'handleClickNext' is not defined no-undef

Failed to compile.

./src/Pages/Wheel.js
  Line 14:3:  'handleChange' is not defined          no-undef
  Line 20:3:  'handleClickCalculate' is not defined  no-undef
  Line 24:3:  'handleClickPrev' is not defined       no-undef
  Line 32:3:  'handleClickNext' is not defined       no-undef

TypeError: Cannot read property 'map' of undefined

while on page wheel (http://localhost:3000/wheel), details msg from browser

×
←→1 of 2 errors on the page
TypeError: Cannot read property 'map' of undefined
Select
src/Components/Input/Select.js:17
  14 |     value={props.value} 
  15 |     onChange={props.handleChange}
  16 | >
> 17 |   <option value="" disabled>
     | ^  18 |   </option>
  19 |   {props.options.map(option => {
  20 |     return (
View compiled
▶ 18 stack frames were collapsed.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.  Click the 'X' or hit ESC to dismiss this message.

× SecurityError: Failed to execute 'pushState' on 'History': A history state object with URL 'http://hub/' cannot be created in a document with origin 'http://localhost:3000' and URL 'http://localhost:3000/'.

how to re-produce
click the a link on Home page, such as Hub or Rim, browser directs to the error page
screen shot

index.js:1 Warning: React does not recognize the `handleChange` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `handlechange` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

index.js:1 Warning: React does not recognize the `handleChange` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `handlechange` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    in input (at Input.js:10)
    in div (at Input.js:6)
    in div (at Input.js:5)
    in Input (at Hub.js:13)
    in fieldset (at Hub.js:12)
    in form (at Hub.js:11)
    in div (at Hub.js:9)
    in Hub (at Wheel.js:60)
    in Steps (at Wheel.js:112)
    in div (at Wheel.js:110)
    in Wheel (at Navigation.js:20)
    in Route (at Navigation.js:20)
    in Switch (at Navigation.js:18)
    in div (at Navigation.js:10)
    in Router (created by BrowserRouter)
    in BrowserRouter (at Navigation.js:9)
    in Navigation (at App.js:9)
    in div (at App.js:8)
    in App (at src/index.js:10)
    in StrictMode (at src/index.js:9)
react_devtools_backend.js:2273 ./src/Pages/Wheel.js