Created using the Laravel/Livewire stack + vanilla JS and CSS, this web app allows multiplayer, real-time tic-tac-toe gameplay. The application is secured with email address validation and the option to use TFA (TOTP). Finally, the project includes internationalization, with French and English currently supported.

⚒️ Installation

Tip

There is a Dockerfile as well as a docker-compose file if you want to test this app.

git clone https://github.com/NullBrunk/Tic-tac-toe && cd Tic-tac-toe
docker-compose up --build

Note

You may seed the database using:

docker exec -it morpion-web bash -c 'php artisan db:seed'

📚 Deep overview

🔐 Login

You can choose whether or not to use 2FA as shown in these videos.

Without 2FA

no2FA.mp4

With 2FA

2FA.mp4

🎮 Game

You can generate a game, and send the unique link to your opponent to challenge them. The board is updated in real-time on both sides, and at the end of the game, the user's statistics are updated.

game.mp4

👤 Profile

There is a profile page viewable by everyone that displays your won/drawn/lost games. You can watch a replay of a game by clicking on it in the "game history" section.

profile.mp4

📱 Responsive

All web pages have been designed to be responsive

responsive.mp4

🤝 Thanks

• Thanks to Universe.io for the buttons, which inspired me in the realization of the "play a game" button.
• Thanks to Juxtopposed for this landing page, which inspired me a lot.
• Thanks to tin-fung-hk for those buttons, which inspired me for the profile page.
• Thanks to md-khokon for the e-mail template.