Javascript (React) expert needed for a module
Budget: $250 – $400 USD
I am looking for a Javascript (React) expert to help me with a module for my project. The specific functionality that I need for the module is a dynamic Y Axis chart based on input.
I already have existing code and design for the module, so the freelancer will only need to handle the coding part.
We already have a working (similar) version, but we can't share the code for it. See here - https://tdy.lol/kUrkF.
1. The new version should include a static line called "Average Title CTR", which would be with the value of 0.25.
2. New titles entered into the system will have values of 0.00001 to 1.
3. There is a maximum of 8 titles on the axis, you should be able to remove one if you want to add a new one.
4. See design attached.
5. The titles added to the axis *should not overlap with themselves nor the average line!*
Logic goes as follows:
1. When starting, the Y axis should be 500px height.
2. When starting, the Y axis should be 0 to 1 (score).
3. When adding a new title, if the score is higher than the median and is the highest in the axis, the axis max score should change to that score, e.g. added 0.7 and there are no stronger titles, the axis is 500px height with 0 to 0.7 (or the lowest at this point)
4. When adding a new title, if the score is lower than the median and is the lowest in the axis, the axis min score should change to that score, e.g. added 0.1 and there are no weaker titles, the axis is 500px height with 0.1 to 1 (or the highest at this point)
5. Same logic when removing titles - if removed a title below or above the average line, the min/max should either reset to 0/1 if nothing is there, or it'll get the highest/lowest score as max/min.
6. When adding / removing titles, it should re-render it, and the existing titles should move nicely along the axis to their new spot.
I have a preferred deadline of 1 week for this project.
Ideal Skills and Experience:
- Strong proficiency in Javascript and React
- Experience with form validation, data fetching, and user authentication
- Knowledge of charting libraries and data visualization
- Ability to work efficiently and meet tight deadlines.
I already have existing code and design for the module, so the freelancer will only need to handle the coding part.
We already have a working (similar) version, but we can't share the code for it. See here - https://tdy.lol/kUrkF.
1. The new version should include a static line called "Average Title CTR", which would be with the value of 0.25.
2. New titles entered into the system will have values of 0.00001 to 1.
3. There is a maximum of 8 titles on the axis, you should be able to remove one if you want to add a new one.
4. See design attached.
5. The titles added to the axis *should not overlap with themselves nor the average line!*
Logic goes as follows:
1. When starting, the Y axis should be 500px height.
2. When starting, the Y axis should be 0 to 1 (score).
3. When adding a new title, if the score is higher than the median and is the highest in the axis, the axis max score should change to that score, e.g. added 0.7 and there are no stronger titles, the axis is 500px height with 0 to 0.7 (or the lowest at this point)
4. When adding a new title, if the score is lower than the median and is the lowest in the axis, the axis min score should change to that score, e.g. added 0.1 and there are no weaker titles, the axis is 500px height with 0.1 to 1 (or the highest at this point)
5. Same logic when removing titles - if removed a title below or above the average line, the min/max should either reset to 0/1 if nothing is there, or it'll get the highest/lowest score as max/min.
6. When adding / removing titles, it should re-render it, and the existing titles should move nicely along the axis to their new spot.
I have a preferred deadline of 1 week for this project.
Ideal Skills and Experience:
- Strong proficiency in Javascript and React
- Experience with form validation, data fetching, and user authentication
- Knowledge of charting libraries and data visualization
- Ability to work efficiently and meet tight deadlines.