wre9-tesh / Emoji-Card-Game

Emoji guessing card matching game, made using vanilla JavaScript, lots of css animations and the native HTML drag and drop API

Home Page:https://emoji-card-game.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Local Setup

  • After forking and cloning this repository to your local machine, open the project folder in your favourite code editor.
  • Assuming you already have the "Live Server" extension installed (if not, then install it right now, it is very useful for any simple html css js project!), open index.html with Live Server.
  • Any changes you make in the code will be reflected in the browser immediately

Contributing

Would love PRs adding more decks of cards! Any fun SFW topic is welcome! Detailed instructions might be added later, but for now simply observe the decks currently present and follow a similar pattern. Also make sure to discuss the topic and initial idea for a deck by creating an issue for the same, before investing time in a full PR.

This project is not looking for any feature enhancements right now, so any issues you create for anything apart from new decks will be closed, at least for the meanwhile.

But you may want to keep an eye out for any issues created by me for specific tasks that I would appreciate help with!

If you do add a deck, be sure to add an author field to your deck in deck.js so your name can be shown!

Boilerplate for Adding Deck:

    {
        name: "[Your Topic]",
        author: "[Your Github Name]",
        instructions: "[Deck Instructions]",
        cards: [
            {
                nseename: "[Card Name]",
                content: {
                    primary: "[Emoji 1]",
                    secondary: "[Emoji 2]",
                },
                hint: "[Helpful Hint]",
                matchValue: "[Associated Value]",
                seenHint: false,
            },
            {...},
        ]

About

Emoji guessing card matching game, made using vanilla JavaScript, lots of css animations and the native HTML drag and drop API

https://emoji-card-game.netlify.app


Languages

Language:JavaScript 79.8%Language:CSS 15.0%Language:HTML 5.3%