LearnNumbers

A game that shows numbers in English language and the user have to translate as many numbers as possible into Arabic before the timer runs out.

Website Link : Learn Numbers game

User Journeys

• As a user I can see a home page to start a game.
• Once the start button pressed as a user I can see the game screen.
• As a user I can see the timer during playing the game.
• As a user I can see my game score.
• As a user I can type the number in arabic and if match get new number.

File Structure

|__ public
      |__ index.html
     
|__ src
      |__ app.js
      |__ index.js
      |__ components
              |__ FirstScreen
                    |__ index.js
                    |__ firstScreen.css
              
              |__ GameScreen
                     |__ index.js
                     |__ gameScreen.css
              
              |__ Score
                     |__ index.js
                     |__ score.css
           

|__ .eslintrc
|__ .babelrc
|__ .gitignore
|__ package.json
|__ package-lock.json
|__ README.md

The First Prototype :

How to run our app on your local machine?

1- Clone our repo, by typing in your terminal:

Using SSH: git@github.com:FACK1/LearnNumbers.git

UsingHTTP: https://github.com/FACK1/LearnNumbers.git

2- Install dependencies and dev dependencies,by typing in the terminal npm i.

3- Run on your termial npm run dev.

4- Open the app by write in your browser http://localhost:1234

Team Member :

• Hadeel Salamin
• Razan Tayyem