p4nth3rworld is a multiplayer text-based game powered by a live coding stream at twitch.tv/whitep4nth3r.
This project is the frontend companion app for p4nth3rworld, offering players an opportunity to:
- view their inventory of items
- view (evolving) metadata about the game and the world
- and more (eventually!)
The game is powered by the p4nth3rb0t-mainframe backend, which also provides the APIs for game data for this project. The backend is closed-source.
Any bugs you find or features you wish to see implemented in p4nth3rworld can be submitted as issues in this repository.
This is a community project built using Nuxt and Tailwind. To get involved, contribute by submitting feature requests, bugs, or by submitting pull requests for existing issues.
Clone the repo, and install dependencies. For a seamless experience (and to avoid committing other lock files to the
repo), please use pnpm.
pnpm installThe inventory view is behind authentication, which is powered by your Twitch login. You'll need three environment variables to enable authentication when running the app locally.
NUXT_OAUTH_TWITCH_CLIENT_ID=
NUXT_OAUTH_TWITCH_CLIENT_SECRET=
NUXT_SESSION_PASSWORD=
- Copy the
.env.examplefile provided to the root of the project, and change the name of the file to.env. - Go to the Twitch Developer Console, log in via Twitch, and create a new app.
- Name your app something meaningful, like
p4nth3rworld DEV. - Add the following OAuth Redirect URL:
http://localhost:3000/api/auth/twitch - Copy the provided Client ID and paste into your env file as the value for
NUXT_OAUTH_TWITCH_CLIENT_ID - Generate a new Client Secret (remember to tick "I'm not a robot"), and paste into your env file as the value for
NUXT_OAUTH_TWITCH_CLIENT_SECRET - Generate a random string (less than 32 characters) and paste into your env file as the value for
NUXT_SESSION_PASSWORD
Start the development server on http://localhost:3000:
pnpm run devLook at the Nuxt 3 documentation to learn more.