This is a emmet typing game for mobile. It has the total innovative name "Emmet Typing Game" and a fancy ingame keyboard for easier access to necessary special characters. If you are too lazy to clone from github, you can check out its codesandbox version under https://76fn3.csb.app.
Emmet expressions are a kind of shortcuts for code snippets of different languages like html, css, js etc. The use of them can boost your coding speed and productivity. But at first sight I thought they are looking confusing and unclear (especially the long ones). So I thought it would be useful to have a little game to practice them.
Originally this project had started as capstone project of a web developer bootcamp I attended in March 2020. The task was to build a little mobile app in react.js. The project idea was totally free.
Main technology is React.js. In detail you find the usage of
- Functional programming as basic concept
- JSX (styled components)
- Reach router navigation
- Props
- State hooks
Start area | In game view | Game Over |
---|---|---|
- Delete Button for single characters
- Syntax highlighting
- Adding more then 20 questions in the game
- Desktop version, where you can use your hardware keyboard
- Little animations for life and score counter