A JavaScript based flashcard learning tool.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
Study Buddy 2018-03-06 10-53-57.jpg



A flashcard learning tool..

Getting Started

This web application was created with simplicity in mind. Developed with JavaScript, HTML, CSS and designed with Materalize. Clone and download this repository to your system to play with it yourself. JavaScript is embeded in the application with a CDN link, enabling it to run without any additional downloads on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Begin your StudyBuddy dev experience, by visiting the the GitHub repository to clone and download to your machine.


To access the deployed application, please visit the GitHub repository.

Built With

  • JavaScript - Provides the functionality of moving through the vocabulary.
  • HTML - The web application structural framework
  • CSS - Used to syle and design the application.


Once deployed, to operate from your local machine:

  • Use the 'key-up' button to flip to the next card in sequence.
  • Once you believe you have the correct answer, press 'enter' to see if you are correct.
  • If you feel your answer matches that of the pink flashcard then select correct answer. If not, please select incorrect answer.
  • To return to a previous flashcard, press 'key-down'.
  • Reload the page to play again!

Future iterations will include

  • The option to add custom vocabulary, for the user to add their own study terms to the application.
  • Scoring - As the user gets terms right and wrong both scores will be tallied and reflected on the screen.
  • The ability to add a user and save your progress along with custom decks of flashcards.


Additional features are welcome via a pull request. For example, the ability for student to add their own content and create customized flash cards. Please be considerate, we adhere to KISS (Keep It Stupid Simple) and DRY (Don't Repeat Yourself) principles. Also, remember to use and follow Sandi Metz's methodology.


Designed with HTML, CSS, JavaScript and by Lotus Designs.