Flashcards Mockup

HTML5 CSS3 JavaScript jQuery

Try it on Glitch View Source

About:

One of the first things that needed to be done when we were making the Flashcards App was that a team member needed to create a mockup (just a basic sketch really) of how the app will look and function. Shown below is the first mockup that was made by another team member:

At a first glance, it's pretty difficult to comprehend what is going on here. I decided that I would try and make something that would make this more interactive and easier to understand. My solution can be seen above, and is also linked here.

Libraries used:

• jQuery 1.12.4:
  • https://jquery.com/
• jQuery Maphilight Plugin 1.4.0:
  • https://github.com/kemayo/maphilight/

Tile Icon Credit:

It's just a grayscale version of the icon from the Flashcards App