Fermé

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"

}

]

Compétences : Angular.js, HTML, HTML5, Javascript, Design de site internet

en voir plus : 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

Concernant l'employeur :
( 6 commentaires ) Beer-Sheva, Israel

Nº du projet : #17941956

23 freelance font une offre moyenne de $70 pour ce travail

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. Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(59 Commentaires)
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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(83 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(50 Commentaires)
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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(6 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 30 jours
(12 Commentaires)
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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(12 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(5 Commentaires)
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

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(2 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(3 Commentaires)
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

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(2 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(1 Évaluation)
0.8
%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 2 jours
(0 Commentaires)
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.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(0 Commentaires)
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 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(0 Commentaires)
0.0
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)
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.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(0 Commentaires)
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,

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)
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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(1 Évaluation)
0.0