Giter VIP home page Giter VIP logo

emoji-card-game's Introduction

Emoji-Card-Game

A fun super customizable emoji guessing card matching game, made using vanilla JavaScript, lots of css animations and the native HTML drag and drop API

Play it here!

image

image

Feel free to request decks on any fun SFW topics by creating an issue for the same, then let the Open Source community do it's magic!

Interested in contributing to the game? Checkout CONTRIBUTING.md

emoji-card-game's People

Contributors

ayushigautam9 avatar divya-nshi avatar g-kabra avatar gauravdarkslayer avatar girlwithasmile avatar ilikepizza2 avatar infinixius avatar jalaj711 avatar julicheng avatar karthiks373 avatar kat-kan avatar mccune1224 avatar n-shar-ma avatar ni-vik avatar raginaphalangae avatar sameepaher avatar shyamlee-1207 avatar thevinitgupta avatar yohanesgultom avatar yuricodes avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

emoji-card-game's Issues

A Deck of Countries

I would like to add an new deck of countries . Kindly assign me this issue

Add new decks!

Any fun SFW topic is welcome!

Make sure to first thoroughly go through the detailed instructions here!

App Deck

I have another fun idea for the deck. Guessing apps like Zomato, TikTok, etc. Kindly assign me this issue.

Deck Idea : DC Superheroes

I would love to work on this deck.

Example :

cards: [
          {
              name: "Batman",
              content: {
                  secondary: "๐Ÿฆ‡๐Ÿ‘จ๐Ÿป"
              },
              hint: "Works in the night",
              matchValue: `Bruce Wayne`,
              seenHint: false
          },

Reponsive UI for better experience

The game works good for Desktops but having a UI that is responsive would be better.
For smaller screens the game looks something like this :

breaking

A better looking UI would be something like this :
better

I would love to implement this.

Add feature to show credits for each deck's creator

Each deck in this game is someone's brain child and deserves to be easily linked with it's creator!

Would appreciate if someone could add a field for the GitHub username (and optionally the full real name) of the creator of the deck in each deck object in the decks.js file, and then display it alongside the deck name in the category dropdown menu, and also later while playing through a deck. Specifics of how and where to show the name are open to discussion (which is encouraged!).

Figuring out the creator for each deck should be easy going through the commit history / PRs.

A deck of games

@N-Shar-ma
How about guessing the games, such as Pokemon, Call of Duty, and so on? This is a game of games. I would be happy to work on this issue if you could assign it to me. It's very exciting for me.

Limiting Hints

When the user plays the game, he will be given total hints of 3 in his game play.This will prevent user to see all the hints given in the deck.

Deck idea

I am a hackthoberfest contributer and would like to add guess sport and player deck. Kindly assign this to me.

Softer Shadows

Looking at the design, I would like suggest software shadows on sections.

So something like this would look better :
Screenshot (263)

I would love to be assigned to this if accepted.

Deck Ideas

I am a hackthoberfest contributer and would like to add some deck ideas like guess the ceo of company.

Rename the game!

Suggestions for a fun short and memorable name for this game are welcome! Please comment your suggestions here under this issue and do not make a PR unless asked to.

1 suggestion that's already in mind is:
Ematchi
(a word play on emoji and matching)

Brownie points for puns / wordplay, so get thinking!
(If you like any name suggested by anyone else, including ematchi, emoji react with ๐Ÿ‘ to show your support!)

To use custom modal boxes instead of native `alert()` and `confirm()` calls

Rather than using the built-in functions alert() and/or confirm() for user interaction, I think that it would be better if we use custom modal boxes built on HTML/CSS/JS. Doing this will present the following benefits:

  • The entire User Experience can be more consistent with the theme of the rest of the website.
  • Users on different browsers will still have the same experience, as the UI won't be left on the mercy of the browser.
  • We can add more animations over there as well.

Deck idea - Pokemon

I think it'd be a fun challenge to represent Pokemon as emojis! I'm down to work on it if you think it fits this project :)

Deck of Food Chain.

How about guessing the food chains like Starbucks, burger king, and so on? Please assign me this issue. I would be happy to work on it.

Drag and drop doesn't work on touch devices

Has anyone try this app from android phone? Drag and drop doesn't seems to work. Usually we can tap an element for few seconds dan drag it. But in this case, a card would just turn transparent but not draggable

Record_2022-10-05-06-07-04.mp4

[Help feature] Add an Icon or a Text to explain how to play

Hey! Great game, but at first I didn't understand that you need to pick a card and drag it into the green card/box. I would like to add a "font awesome help icon" with an instruction text just below the "score area". This will help newcomers to understand the game.

I'm a Hacktoberfest participant, please assign this issue to me. Thank you.๐Ÿ˜Š

image

image

Football Club name Deck

@N-Shar-ma
I would like to create a deck of football clubs name like Manchester United , Paris Saint German and many more . Kindly assign me this issue.

Add github pages to readme

Please add github pages in the repo itself , so that we can play it live before cloning the repo.
This is quickest way for many contributors to see if they really can/want to , contribute.

Deck Idea - Actors/Actresses

How about a deck of actors/actresses like Jason Statham, Margot Robbie, etc? I would like to work on it. Can you please assign it to me?

Button/link to go back to the home screen

I would like to work on adding a button or link to go back to the home screen once a game has started. With the current implementation, the only way to start another game is to reload the page.

Let me know what your thoughts are ๐Ÿ™‚

A Deck of Cartoons

@N-Shar-ma ma'am I would like to create a deck of cartoons like Tom and Jerry, Kindly assign me this issue. My first PR had a lot of flaws and now I want to work again on it and resolve those issues. Kindly allow me to work on this issue.

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.