Закрито

Build a website of drag and drop game

I need a simple website with drag and drop game of pair matching.

For example, in the attached screenshot we have two lists:

1. European Countries

2. European Capitals

The user has to drag a capital and drop it onto the correspond country.

After a matching is done concat the capital name to the country name, e.g.:

Albania - Tirana

Use JavaScript to do this. (AngularJS is possible)

Use different colors for countries and capitals, in addition, use special color for correct matching and another one when a capital is hovering on country. (see screenshot)

Note that it should be working also on mobile device browsers!

You can use this json:

[

{

"country": "Albania",

"capital": "Tirana"

},

{

"country": "Andorra",

"capital": "Andorra la Vella"

},

{

"country": "Armenia",

"capital": "Yerevan"

},

{

"country": "Austria",

"capital": "Vienna"

},

{

"country": "Azerbaijan",

"capital": "Baku"

},

{

"country": "Belarus",

"capital": "Minsk"

},

{

"country": "Belgium",

"capital": "Brussels"

},

{

"country": "Bosnia and Herzegovina",

"capital": "Sarajevo"

},

{

"country": "Bulgaria",

"capital": "Sofia"

},

{

"country": "Croatia",

"capital": "Zagreb"

},

{

"country": "Cyprus",

"capital": "Nicosia"

},

{

"country": "Czech Republic",

"capital": "Prague"

},

{

"country": "Denmark",

"capital": "Copenhagen"

},

{

"country": "Estonia",

"capital": "Tallinn"

},

{

"country": "Finland",

"capital": "Helsinki"

},

{

"country": "France",

"capital": "Paris"

},

{

"country": "Georgia",

"capital": "Tbilisi"

},

{

"country": "Germany",

"capital": "Berlin"

},

{

"country": "Greece",

"capital": "Athens"

},

{

"country": "Hungary",

"capital": "Budapest"

},

{

"country": "Iceland",

"capital": "Reykjavik"

},

{

"country": "Ireland",

"capital": "Dublin"

},

{

"country": "Italy",

"capital": "Rome"

},

{

"country": "Kazakhstan",

"capital": "Astana"

},

{

"country": "Kosovo",

"capital": "Pristina"

},

{

"country": "Latvia",

"capital": "Riga"

},

{

"country": "Liechtenstein",

"capital": "Vaduz"

},

{

"country": "Lithuania",

"capital": "Vilnius"

},

{

"country": "Luxembourg",

"capital": "Luxembourg (city)"

},

{

"country": "Macedonia (FYROM)",

"capital": "Skopje"

},

{

"country": "Malta",

"capital": "Valletta"

},

{

"country": "Moldova",

"capital": "Chisinau"

},

{

"country": "Monaco",

"capital": "Monaco"

},

{

"country": "Montenegro",

"capital": "Podgorica"

},

{

"country": "Netherlands",

"capital": "Amsterdam"

},

{

"country": "Norway",

"capital": "Oslo"

},

{

"country": "Poland",

"capital": "Warsaw"

},

{

"country": "Portugal",

"capital": "Lisbon"

},

{

"country": "Romania",

"capital": "Bucharest"

},

{

"country": "Russia",

"capital": "Moscow"

},

{

"country": "San Marino",

"capital": "San Marino"

},

{

"country": "Serbia",

"capital": "Belgrade"

},

{

"country": "Slovakia",

"capital": "Bratislava"

},

{

"country": "Slovenia",

"capital": "Ljubljana"

},

{

"country": "Spain",

"capital": "Madrid"

},

{

"country": "Sweden",

"capital": "Stockholm"

},

{

"country": "Switzerland",

"capital": "Bern"

},

{

"country": "Turkey",

"capital": "Ankara"

},

{

"country": "Ukraine",

"capital": "Kiev"

},

{

"country": "United Kingdom",

"capital": "London"

},

{

"country": "Vatican City (Holy See)",

"capital": "Vatican City"

}

]

Навички: Angular.js, HTML, HTML5, Javascript, Дизайн сайту

Деталі: gamesalad, buildbox, free game maker, how to make a game without coding for free, how to make a game for free, game builder, drag and drop game maker free, drag and drop game engine, bracelet designer website drag drop, website drag drop upload, click drag drop game, as3 drag drop game, drag drop game actionscript source, drag drop game flash as2, drag drop game fla, drag drop game as2 fla, states drag drop game, flash as3 drag drop game, flash drag drop game source, drag drop game actionscript

Про роботодавця:
( 6 відгуки(-ів) ) Beer-Sheva, Israel

ID Проекту: #17941956

23 фрілансерів(-и) у середньому готові виконати цю роботу за $70

furqankhanzada

HI there, With almost seven years of experience in building Single Page Apps and Hybrid Apps using React, ReactNative, Redux, Angular 1.x and Angular 4.x, Vue, Vuex, BackboneJs and etc, I am all up for your project. Більше

$20 USD за 1 день
(59 відгуків(и))
7.2
srflipmedia

Hi, We will provide you Browsers-Compatible; Responsive[PC/ iPad/ iPhone/ MAC-Compatible]; SEO-friendly; Wordpress-Website. We believe in Prompt Communication; Value Your Money; Quality Assurance; Friendly GUI within Більше

$25 USD за 1 день
(83 відгуків(и))
6.1
radimosve

I always deliver on time and on budget feel free to check my feedbacks and portfolio. I am available right now and I am interested in your project and would like to discuss the project with you. Satisfaction Guarantee Більше

$25 USD за 5 дні(-в)
(50 відгуків(и))
5.9
anjlisoni

Hello, I hope you are doing well ,as I have gone through your job description carefully . I am absolutely sure that I can do the project very well. I have worked on similar projects to what you are looking for and I a Більше

$25 USD за 1 день
(6 відгуків(и))
4.9
divyinfotech

Hello Sir, We provides web development as well as mobile app [login to view URL] also provides software development and digital marketing types services. We provides excellent services in satisfied price and on decided ti Більше

$1000 USD за 30 дні(-в)
(12 відгуків(и))
4.4
febsustain

Hi! My name is Mohd. And I am an expert Desiner & Developer. I have experience dealing with all php frameworks such as Yii, Laravel, CakePHP, Zend and codeigniter. Understanding of building maintainable, test-drive Більше

$25 USD за 1 день
(12 відгуків(и))
4.0
TMLPakistan

Hi This is shajiah, I believe that I can Redesign your Pages of website & provide you a more professional look. I have designed a vast number of WordPress website & I am Pro in it. My bid will include the following Більше

$15 USD за 5 дні(-в)
(5 відгуків(и))
3.4
kaushaldey87

I am able to do your work and have a great experience in this field send me your details so that we can discuss more about your project.........Thank you

$15 USD за 1 день
(2 відгуків(и))
1.7
kulvir01

Hi elfifo4! Greetings for the day! I have read your post and glad to update you that we can be the right choice for your requirement. Are you available right now for discussion? When are you planning to get started Більше

$15 USD за 5 дні(-в)
(3 відгуків(и))
2.4
Benjalorc

I've recently built a simple drag&drop cards game with vanilla javascript. Also i'm experienced in Angular 6 so i can build your game easily in short time

$30 USD за 2 дні(-в)
(2 відгуків(и))
1.7
saeedfalsafin

Hello my friend, I am very interesting about your game! , So i will do it with this low bid! I will do it with Javascript and Jquery that every browser have support it! So just message me to do final discusses and Більше

$13 USD за 3 дні(-в)
(1 відгук)
0.8
$25 USD за 1 день
(0 відгуків(и))
0.0
Kashyapji

Hi, I am a professional web developer, android app developer and expert in digital marketing. having 4+ years of experience in developing and developed 120+ websites. Expert in - Python - HTML/HTML5 - CSS/CSS3 Більше

$13 USD за 3 дні(-в)
(0 відгуків(и))
0.0
sreemadhukar

i understood your project im sure i can make this within a very less time give me chance and see i have made many fun projects like these . just have a doubt on what screenshots it should show. but the whole project Більше

$14 USD за 2 дні(-в)
(0 відгуків(и))
0.0
gargoyle008

have good experience is making such types of game can do work to meet your satisfaction and new in freelancer but you can't ignore my skills.

$20 USD за 4 дні(-в)
(0 відгуків(и))
0.0
mirzausman371

Hello ! I can create Amazing Drag & Drop Game for You According to your Requirements . Using HTML 5 , CSS3 , Javascript , REACT . User Experience is My Main Focus And i'll try to fully entertain you. Let's Start This Більше

$25 USD за 1 день
(0 відгуків(и))
0.0
$20 USD за 3 дні(-в)
(0 відгуків(и))
0.0
mujdecisy

I develop dynamic front end projects and use react, angular js, also pure javascript. I will share videos and pngs in half of the deliver date.

$15 USD за 5 дні(-в)
(0 відгуків(и))
0.0
billinhit

Hi, I am a mean stack developer. i will use angular to implement this project. I am ready to work on this. Please contact me! Thanks,

$30 USD за 3 дні(-в)
(0 відгуків(и))
0.0
Gaurav261990

Hello, I'm a developer and working from 6yr and face more challenges but I never give in any situation developing is my passion so I just want to do this job and I will give you fully satisfied with my work and I'm Більше

$35 USD за 3 дні(-в)
(1 відгук)
0.0