Urgent KonvaJS Development Task
Budget: $30 – $250 USD
I have an basic MVP built in KonvaJS with React using react-konva. I am using Konva TextPath component and I have developed a text editor tool that has features like text transformer rotation, drag & drop, and curveText.
I am facing some bugs in the text editor tool which I need an experience developer to fix them.
Following are the 2 loom videos explaining the bugs.
https://www.loom.com/share/f8317a36c7834a1c8fb4d43745975855?sid=9aa9a1b5-7487-4767-9fcc-de4d09f7cac2
https://www.loom.com/share/739108e935f043b88574b779027c49db?sid=95f27443-b1cb-43b1-ac0a-615f7d9eb018
I have pushed the current version to a public GitHub repository (main branch) here.
https://github.com/tahirazizpk/sports-website
Before applying you must watch the loom videos, review the code and run project on your localhost.
You must be a highly experienced Konva developer to solve this problems, because 1 developer has already failed on this.
Write word SGS at the top of your proposal while applying.
The following are the bugs we need to fix.
Text Transformer
=================
1. In non curve text, the gap between characters should be normal (should not more gap, make like SGS website)
2. When rotating the transformer, it is losing its center point. It should be rotated across exactly its center point like the SGS website.
3. For curve text we should allow maximum 360 degree, and after 360 degree it should not overlap or hide the characters.
4. When changing the font-family if the font is big or small, it should increase and decrease the transformer size according to the size of the font-family in both cases, curveText and non-curveText. Check in SGS website (https://www.sportsgearswag.com/basketball/shop/jersey/41/custom-arrow-solids-adult-youth-unisex-basketball-jersey)
Undo / Redo
=============
5. Undo/Redo should also work for resize features of all (text, artwork, logo). (It works for artwork and logo but not working for text)
6. Letter typing should not be part of the undo/redo, but during the movements, if the current text is changed or updated, undo/redo should remember that state.
Reference website (SGS):
https://www.sportsgearswag.com/basketball/shop/jersey/41/custom-arrow-solids-adult-youth-unisex-basketball-jersey
I am facing some bugs in the text editor tool which I need an experience developer to fix them.
Following are the 2 loom videos explaining the bugs.
https://www.loom.com/share/f8317a36c7834a1c8fb4d43745975855?sid=9aa9a1b5-7487-4767-9fcc-de4d09f7cac2
https://www.loom.com/share/739108e935f043b88574b779027c49db?sid=95f27443-b1cb-43b1-ac0a-615f7d9eb018
I have pushed the current version to a public GitHub repository (main branch) here.
https://github.com/tahirazizpk/sports-website
Before applying you must watch the loom videos, review the code and run project on your localhost.
You must be a highly experienced Konva developer to solve this problems, because 1 developer has already failed on this.
Write word SGS at the top of your proposal while applying.
The following are the bugs we need to fix.
Text Transformer
=================
1. In non curve text, the gap between characters should be normal (should not more gap, make like SGS website)
2. When rotating the transformer, it is losing its center point. It should be rotated across exactly its center point like the SGS website.
3. For curve text we should allow maximum 360 degree, and after 360 degree it should not overlap or hide the characters.
4. When changing the font-family if the font is big or small, it should increase and decrease the transformer size according to the size of the font-family in both cases, curveText and non-curveText. Check in SGS website (https://www.sportsgearswag.com/basketball/shop/jersey/41/custom-arrow-solids-adult-youth-unisex-basketball-jersey)
Undo / Redo
=============
5. Undo/Redo should also work for resize features of all (text, artwork, logo). (It works for artwork and logo but not working for text)
6. Letter typing should not be part of the undo/redo, but during the movements, if the current text is changed or updated, undo/redo should remember that state.
Reference website (SGS):
https://www.sportsgearswag.com/basketball/shop/jersey/41/custom-arrow-solids-adult-youth-unisex-basketball-jersey