Welcome to Flash Cards
As part of Ironhack course, this is our first deliverable project!
We were assigned to work in pair and deliver a game in 4 days.
One of the creators studies Japanese and the game serves to memorize the thousands of ideograms in the language.
- Render a game in the browser.
- Have logic for winning and/or losing and show feedback to the player in either case.
- Include separate HTML / CSS / JavaScript.
- Use plain JavaScript for DOM manipulation (or HTML canvas for graphics).
- Have a repo on GitHub.
- Have at least 1 commit per day that you worked on it.
- Be deployed online using GitHub Pages so that anybody can play it.
- Stick with KISS (Keep It Simple Stupid) and DRY (Don’t Repeat Yourself) principles.
Presentation: link The game aims at training and memorization of Chinese/Japanese characters.
To start:
- Select the ideogram level and amount of rounds;
- There are rounds of 10, 15 and 20 with 2 , 3 , 4 lives, respectively;
- The game starts with a ideogram(kanji) and you must select the option that represents its meaning;
Winning condition:
- You must complete the rounds without losing all of your lives.
The kanji data being used was downloaded from this repository: davidluzgouveia/kanji-data.
Kanji font: Noto Serif JP
CSS frameworks: Bootstrap 5.2 & Animate.css
We lerned and improved on the following:
CSS:
- Bootstrap;
- Animate.css;
JS:
- Import Scripts;
- OPP;
- DOM;
- Speech Synthesis;
- JSON
We are students of the full time class, full-stack web development course from the Ironhack bootcamp, we started in October 2022.
Anderson Toma:
Arash Kaffashi: