A web implementation of the card mini-game Triple Triad from Final Fantasy VIII. The frontend is built using React, Tailwind CSS, and jQuery while the backend is powered by Next.js. Future developments will include a hefty backend to save user card collections and decks and upload custom cards.
- Website Link: https://triple-triad.vercel.app
- Play against a friend in sandbox mode: https://triple-triad.vercel.app/sandbox
- Play against AI in game mode: https://triple-triad.vercel.app/game
- Implement MVP requirements
- Add scoring labels
- Make hand generation ignore duplicate cards
- Make card flip animations cooler
- Include game sound and card sound effects with volume toggle
- Implement turn based movement
- Get custom cursor to work : /
- Create winning/losing screen
- Implement enemy AI
- Implement smarter enemy AI
- Create adventure mode
- Create level picker page
- Allow users to save progress
- Create log-in and intro page
- Set up Google Authentication
- Deck Building
Follow these steps to get a working instance set up on your computer:
- Run
npm installto install all dependencies - Boot up the application with
npm run dev