Завершен

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.

Навыки: React.js, JavaScript

О клиенте:
( 1 отзыв ) Sobotka, Poland

ID проекта: #34023202

Поручен:

iamamitshrma

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

$20 USD за 7 дней(-я)
(0 отзывов(-а))
0.0
se7smohamed

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 Больше

$30 USD за 2 дней(-я)
(0 отзывов(-а))
0.0

13 фрилансеров(-а) готовы выполнить эту работу в среднем за $39

abhisaini0188

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 Больше

$200 USD за 7 дней(-я)
(6 отзывов(-а))
5.3
antonyhryts

⭐⭐⭐⭐⭐⭐⭐⭐⭐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 Больше

$20 USD за 7 дней(-я)
(4 отзывов(-а))
4.1
stefanandjelkov1

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 Больше

$12 USD за 7 дней(-я)
(3 отзывов(-а))
2.5
skythefreelancer

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 Больше

$70 USD за 7 дней(-я)
(3 отзывов(-а))
2.0
duyenanh

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 Больше

$20 USD за 7 дней(-я)
(1 отзыв)
1.4
$20 USD за 7 дней(-я)
(0 отзывов(-а))
0.0
vultr0

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 за 2 дней(-я)
(0 отзывов(-а))
0.0
branthanmar

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 за 3 дней(-я)
(0 отзывов(-а))
0.0
ahsanmohammad031

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 Больше

$30 USD за 7 дней(-я)
(2 отзывов(-а))
0.0
JackDicaprio89

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 Больше

$20 USD за 7 дней(-я)
(0 отзывов(-а))
0.0
ydante1022

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, Больше

$20 USD за 7 дней(-я)
(0 отзывов(-а))
0.0