TermoArgenta RPG is a Next.js application developed by Livio Reinoso and bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
This project uses next/font to automatically optimize and load Press_Start_2P, a custom Google Font.
This RPG takes advantage of Gemini-1.5-Flash generative-AI capabilities to act as a Dungeon Master to guide the user's campaign and provide real-time interactive choices based on the user's input to move the story forward.
The Authentication of users and their game logs are being managed with Firebase.
A loading spinner has been added to the Display component. This spinner is part of the react-spinners library
All calls to Gemini and Firebase are being handled through custom API endpoints set in the API folder of this Next App. This way all the keys can be stored server-side and avoid exposure in the client's browser.
This Next App has been deployed on Vercel, through the built-in CI/CD pipeline with this GitHub repository.
Performance data is collected with the use of Vercel's SpeedInsights to analyze the app's performance and behaviour, to detect pain points and potential improvements.
Build first the docker image of the app rpgdm.
Once this has been done, assuming it will run on port number 3000, it needs to run with the environmental variables for the custom APIs to work.
This can be done by running the following command
docker run -p 3000:3000 --env-file .env rpgdmMake sure to include all required variables on your dotenv file in the root folder.
This app was created by Livio Reinoso, only with educational purposes.
Icosahedron icons created by Freepik - Flaticon
Background image generated by Bing Image Generator
