Duel.it is a fully functional and efficient way to create your own Yu-Gi-Oh Decks. This application was made for hardcore Yu-Gi-Oh fans that want to build their own decks and determine how much the deck costs
- Allows users to look up any card and quickly add them to a deck with any quantity ranging from one to three
- Displays the pricing of every card at top sites of availability such as Amazon or Ebay
- Quick and easy sorting of cards into their respective sections which allows users to easily swap a card's section
- Vite/React
- TailwindCSS
- Redux
- Python/Flask
- JWT
- SQLite
- YGOProDeck API
DuelitDeckCreation.mp4
DuelitCardSearch.mp4
Share your decks with others by setting them public
DuelitDeckUpdate.mp4
Swap your cards in and out of the side deck easily
DuelitCardUpdate.mp4
- Download the project and add the environment variables to both the backend and frontend folders (.env in the back and .env.local in the front).
- Run
pip install requirements.txtto download all the project dependencies - Run
python run.pyon the backend andnpm run devon the frontend
Backend:
SECRET_KEY= Generated using an online password generatorDB_NAME= Your database name of choiceJWT_SECRET_KEY= Generated using an online password generatorPORT= Your port number of choice (make sure it is not the same as your frontend port number)YUGIOH_BASE_URL= Base URL for the YGOProDeck Api
Frontend:
VITE_API_URL= Your Server URL, whether deployed or on localhost
If you found an issue or would like to submit an improvement to this project, please submit an issue using the issues tab above. If you would like to submit a Pull Request with a fix, reference the issue that you created.
- When the menu to change the deck privacy and name closes, both attributes are updated even if the button to save has not been pressed
- Further styling of the page, potential change of the footer and the font
- Displaying the total price sum of all cards in a deck