Table of Contents
Triple Triad is a minigame from the Final Fantasy universe.
It's played on a three-by-three grid, totaling nine spaces, with each player utilizing a deck of 5 cards. Every card has a number on each side to represent the strength of that side. Once the match begins, each player uses their turn to place a card on an empty space on the board. If you place a card next to an opponent's card, and if the number facing the opponent's card is higher than their number, you take over the opponent's card.
After all nine spaces on the board have been filled, the winner is the player who controls the most cards.
In this version of the game, you can:
- play in local mode, where two players choose their decks before playing on the same screen.
Later, the player will have the possibility to play against an AI or to play online. You can check the roadmap to see more. - Manage your own decks: create, edit and delete your decks as you wish
From a technical perspective, AWS Amplify is used to:
- Have an authentication page with possibility to log in or sign up, forgot password mechanism and email confirmation.
- Save decks in database with a Graphql api
Vuetify is used for the design part, but will also be used for the translation.
Vue router library is used to have some routes like the login or the roadmap page.
Pinia is used to save decks in a store, in order to make them available anywhere in the app.
-
amplify
npm install -g @aws-amplify/cli@latest
- Clone the repo
git clone https://github.com/mickael-lalanne/triple-triad.git
- Go in client folder
cd client - Install NPM packages
npm install
- Launch the project locally
npm run dev
- Button to display the game rules to the user
- Multi-language support
- English
- French
- AI mode
- Setting to switch between dark and ligh theme
- Responsive for mobile and tablets
- Google authentication
- Online mode
- Android application
- Add new rules and new cards
Mickaël Lalanne - [email protected]
