Changes to React/CSS/TypeScript frontend project
Budget: $30 – $250 USD
I am looking for a strong senior React/Typescript/Javascript/CSS developer to make a small change to my web application - please see attached screenshot existing application. I will pay $50 only
1. The slider on the RAM Size filter on the left pane should be replaced with checkboxes with options but also have the option to enter min and max and add a Go button (please see attached Bing shopping screenshot) :
a) 4GB or less - radio value should be 4 (when the form is submitted)
b) Between 4GB and 8GB, - radio value should be 8
c) Between 8GB and 16GB, - radio value should be 16
d) Between 16GB and 32 GB, - radio value should be 32
e) Greater than 32GB. - radio value should be 33
2. Same as above - the slider for Price and CPU Speed filters on the left pane should be replaced with checkboxes with options but also have the option to enter min and max and add a Go button (please see attached Bing shopping screenshot)
Coding guidelines:
All best practices must be followed, some of the notable are:
1. Using proper indentation
2. Using appropriate level of code comments for complex logic
3. Using generous variable names so the purpose is obvious, and using Hungarian notation
NOTE: GitHub access is provided and your pull request will need to be reviewed and approved by us to merge your code. You should not need a server for testing as you can put a dummy localhost url and see if the URL is passing the correct value when the Ram Size value is selected
1. The slider on the RAM Size filter on the left pane should be replaced with checkboxes with options but also have the option to enter min and max and add a Go button (please see attached Bing shopping screenshot) :
a) 4GB or less - radio value should be 4 (when the form is submitted)
b) Between 4GB and 8GB, - radio value should be 8
c) Between 8GB and 16GB, - radio value should be 16
d) Between 16GB and 32 GB, - radio value should be 32
e) Greater than 32GB. - radio value should be 33
2. Same as above - the slider for Price and CPU Speed filters on the left pane should be replaced with checkboxes with options but also have the option to enter min and max and add a Go button (please see attached Bing shopping screenshot)
Coding guidelines:
All best practices must be followed, some of the notable are:
1. Using proper indentation
2. Using appropriate level of code comments for complex logic
3. Using generous variable names so the purpose is obvious, and using Hungarian notation
NOTE: GitHub access is provided and your pull request will need to be reviewed and approved by us to merge your code. You should not need a server for testing as you can put a dummy localhost url and see if the URL is passing the correct value when the Ram Size value is selected