GithubHelp home page GithubHelp logo

sjsn / info343-final-project Goto Github PK

View Code? Open in Web Editor NEW
2.0 5.0 0.0 2.38 MB

The final project for Info343

Home Page: http://students.washington.edu/sjsn/info343/marvelcards/app/#/

JavaScript 43.55% HTML 42.42% CSS 14.03%

info343-final-project's Introduction

Marvel Cards

Marvel Cards is made by Samuel San Nicolas, Sarah Stanton, Sunho Kim, and Rachel Paresa as a final project for Info 343

About Marvel Cards

Accounts

Create an account to keep track of your points and your cards. Choose a custom username and thumbnail that other players can find you with. You can also take a picture as your favorite character, then save that picture to use as your avatar.

Games

Play games to earn points and climb the leaderboard. If you win, you can unlock cards which give information about the marvel characters.

Guessing game

Guessing Game is a fill in the blank style game. The user is given a character image and a hint, and based off that hint they guess which character it is. The more guesses it takes, the less points you get.

Character Scramble

Character Scramble shuffles the letters in a characters name and, with help from a character image, the user unscrambles the letters. This game gives less points the more guesses it takes.

Leaderboards

Playing games and collecting cards is fun, but how do users compare to one another? With leaderboards, users can see which users have the most points and the most cards. They can search all users by their usernames to find specific people or can sort by points and number of cards.

Cards

Cards are a way for users to know more about the many Marvel Superheros. Each card contains information about the characer displayed on it.

The Project

Built on AngularJS with help from LoDash, Bootstrap, and Firebase. Marvel information comes from the Marvel API.

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.