This web application was created with simplicity in mind. Developed with JavaScript, HTML, CSS and designed with Materialize. Clone and download this repository to your system to play with it yourself. JavaScript is embedded 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.
- JavaScript - Provides the functionality of moving through the vocabulary.
- HTML - The web application structural framework
- CSS - Used to style 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!
- 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 CodeMeKathy.