Build a website of drag and drop game
$10-30 USD
Paid on delivery
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"
}
]
Project ID: #17941956
About the project
20 freelancers are bidding on average $76 for this job
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,
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
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
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.
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 More
I've made this kind of games many times. It is very easy for me. So, I gave the bid money only 5$
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 More
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.
I'm expert in html5,javascript,jquery, canvas. I have made many tools ,games using this for my organisation. few of my projects are 1drag n drop form builder 2report builder 3file viewer 4flow charts design. 5games More