Description • Screenshots • Rules • Planned Updates • Local Setup • Contributing • Credits • License
This web app is a playable card game that allows users to collect and upgrade cards, construct a deck, and compete in various game modes. Inspired by the Final Fantasy VIII minigame called Triple Triad, I've recreated it with a modern twist. I am constantly working on improving the user experience, adding new features, and increasing replayability. Get ready for exciting updates coming soon!
In its current iteration, the user journey begins with creating an account, followed by an interactive onboarding process that covers the fundamental aspects of the application. Users can then engage in battles against AI opponents, progressively unlocking more challenging adversaries as they level up. The opponents become increasingly more difficult, providing greater rewards and a heightened sense of achievement. By collecting these rewards and advancing in levels, users expand their arsenal of cards, enhancing their strategic capabilities and tactical options. This progression system empowers users to continuously improve their skills and explore new possibilities within the application.
Find all the game rules listed here
- Level up rewards
- Card challenges
- Card fusion
- Deck presets
- UI/UX enhancements
- Expanded Ruleset
- New game modes
- Peer to Peer matches
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
git clone https://github.com/dustinstacy/triple-triad-reactjs.git
# Go into the repository
cd triple-triad-reactjs
# Install global dependencies
npm install
# Install client dependencies
cd client
npm install
cd ..
# Install server dependencies
cd server
npm install
cd ..Next, create a .env file inside your server folder. There you will paste the following:
PORT=5000 //change if needed
MONGO_URI=mongodb+srv://devUser:06krAnaT33eqrf1y@cluster0.okvmtpm.mongodb.net/?retryWrites=true&w=majority
JWT_SECRET=secretphrasehere //change if needed to protect sensitive information
Finally
# Run the app
npm run dev
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request
Huge thanks to the following content provider:
Character Artwork - AEkashics https://www.patreon.com/aekashics/posts
The MIT License (MIT)
Copyright (c) 2023 Dustin Stacy