Coder Social home page Coder Social logo

merida-puzzle's Introduction

title

๐Ÿ“ฒ About

In this game you have to complete the picture of Merida character. This is a puzzle game where the puzzle pieces at the top change dynamically.

๐ŸŒ DEMO LINK ๐ŸŒ

โš™๏ธ Technologies

A puzzle game was developed using the JavaScript Drag and Drop API.
Image and audio files were used in the game.
CSS is used for styling.

โœจ Main Features

  • Each time the game is started, the puzzle pieces at the top change dynamically.
  • The user is only allowed to insert the puzzle pieces in the correct places.
  • If the user tries to put the puzzle piece in the wrong area, an audio file called error will be played.
  • If the user places the piece in the right place, the audio file named win will be played.

๐Ÿ“ธ Screenshots

Start Finish

2022-01-02.at.21-55-49.mp4

๐Ÿ’ป Setup

  • To run the project, Git must be installed on your computer. After completing this installation, we open the git terminal. We write the following expression git clone https://github.com/Kodluyoruz-NodeJs-Bootcamp/week1-mehtapugur and press the enter button. After opening the downloaded project in the code editor, we open the http://localhost:5500/ on our browser. In order to run this, the Live Server extension must be downloaded in your VSCode.

๐Ÿ“ License

This project is under the terms of the MIT license.

Contact: LinkedIn

merida-puzzle's People

Contributors

mehtapugur avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.