This project was inspired by the biggest upcoming sporting event of the world - 2022 Qatar FIFA World Cup.
By presenting all qualified national teams (including teams still reamins in the qualification matches) and the basic match / tournament simulation engine, this project is aiming to provide a simple glance of the football games and makes everyone can enjoy the upcoming 2022 Qatar FIFA World Cup.
This project was bootstrapped with Create React App.
To start with the porject, you should first run follwing command in the project directory:
npm install
This allows you to install all the necessary dependencies for the app.
In the project directory, you can run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
In the home page of this app, you will see two buttons clickable:
By clicking the view / edit teams button on the home page, you will be directed to the temas page that allow you to view all qualified national teams for the 2022 Qatar FIFA World Cup.
You can choose to view the detialed information or editing the squad / formations of a specific team via clicking the country flag of that team.
By clicking the play matches button on the home page, you will be directed to the game page that contains two modes for you to choose to play.
In the single match mode, you can choose two different teams to play against each other.
After selecting the teams that you want to play, you can hit the start game button to start the simulation match between your chosen teams.
You can also choose to play in the tournament mode by selecting the corresponding option on the game page, and you will see the simulation of the entire tournament.
This app was also deployed with the Netlify, click here to play with the demo.
If you had any questions or suggestions for this app, feel free to reach out to us via the contact information on the contact page.