Add tweaks to word find game in React

Improvements need to be made in a wordfind/wordsearch game in React. Quite simple game with randomly generated letters in a grid. There are three components in total:

1) WordGenerator - a function that generates random letters. Once the words are passed in it will generate a word grid with given words and random letters wrapped around them. It also takes orientation prop to generate letters in a given position, as well as width and height of the grid (integers).

2) WordSearch - a function that does handle the letter selection. On click and drag you'll be able to select the letters, once your mouse click is released it evaluates your selection to see if the word is found. If found then word is highlighted, else the selection is set to false and nothing happens.

3) index - is where the functions are combined, it uses some random data.

You would only have to interfer with the WordSearch component where the selection logics is and where the WordGenerator data is being turned into a letter object.

There are two issues in this project:

1) Touch support - there's no touch support. I'd like to make it work in the exact way as it's implemented for the desktop devices. So the user touches and drags over the grid and the selection is triggered. If the word is found then set it as matched, else set selection to false. This has to work with different orientations (horizontal, vertical, horizontalBack, verticalUp).

2) The app doesn't know which word is which - if you see a code sandbox example you'll quickly notice that some words have very similar arrangement of letters (fe. horse, horseradish). If you select horse within a word horseradish then this word will get selected, this is not correct. The app should know where you should finish the letter selection to mark is as found.

The codesandbox is just below:

[login to view URL]

Please let me know if you have any questions.

Beceriler: React.js, JavaScript

Müşteri Hakkında:
( 1 değerlendirme ) Sobotka, Poland

Proje NO: #34023202



I have read your requirement and i think I can fullfill this requirement in a short period of time.

%selectedBids___i_period_sub_7% gün içinde 20%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(0 Değerlendirme)

Hi, Thank you for posting the sandbox url, this helped to take a look and actually finish the first requirement, it was a tricky but I eventually got touch to work on mobile.. the second requirement is very simple, thi Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 30%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(0 Değerlendirme)

Bu iş için 13 freelancer ortalamada $39 teklif veriyor


Hello I have 5 years of experience in Vue js, react, python, and Flask development, I became an expert professional that fits perfectly with your project. I have experience as a website designer and developer designi Daha Fazla

$200 USD in 7 gün içinde
(6 Değerlendirme)

⭐⭐⭐⭐⭐⭐⭐⭐⭐Hello, dear client⭐⭐⭐⭐⭐⭐⭐⭐⭐ How are you? Hope you are good health. Thank you for posting job . I would like to apply for your recently posted jobs. I have read your requirement carefully and I consider myself Daha Fazla

$20 USD in 7 gün içinde
(4 Değerlendirme)

Hire me to save your time and money and achieve perfect results. Hi, How are you? I have read your requirement. I have 5 years of software development experience and I have deep knowledge about web development and d Daha Fazla

$12 USD in 7 gün içinde
(3 Değerlendirme)

Hi there, I’m really interested to work on your project . I have 5 years of experience in the field and have successfully delivered numerous projects . I have a team of expert developers and designers. Please respond Daha Fazla

$70 USD in 7 gün içinde
(3 Değerlendirme)

Dear Client! Awarding me will be the fastest way to complete with better result at low price. I want to grab this opportunity and will work for you until you are 100% satisfied. I am now ready to start your project i Daha Fazla

$20 USD in 7 gün içinde
(1 Yorum)
$20 USD in 7 gün içinde
(0 Değerlendirme)

hey i'm a fullstack dev i'm very used to developing with react js i can add the imporvements you'd like to your wordfind/wordsearch game please feel free to reach out so we can get [login to view URL] Regards !

$30 USD in 2 gün içinde
(0 Değerlendirme)

Sure, Let's do it... Price is low because this is my first project in this platform. I have 8 years experience.. Let's discuss more details...

$15 USD in 3 gün içinde
(0 Değerlendirme)

Hey Mateusz M. Are you looking for Add tweaks to word find game in React? I have a great experience in JavaScript, React.js. I am ready to start your project right now and I will show you my previous works in chat a Daha Fazla

$30 USD in 7 gün içinde
(2 Değerlendirme)

Hello. ydante1022@gmail .com Nice too meet you. I won't take any money. I am an senior frontend developer with 5+ years of experience. I have best skills in Javascript/Typescript, Redux,Hooks, HTML, CSS, Bootstrap, R Daha Fazla

$20 USD in 7 gün içinde
(0 Değerlendirme)

Understand the requirements. I will use your theme so please share your figma design. For the past 3 years, many experiences in the React JS stack including react-redux, redux-saga/thunk, react hook, component styled, Daha Fazla

$20 USD in 7 gün içinde
(0 Değerlendirme)