Enter the Dungeon is a deck builder rogue-lite with idle skill leveling to encourage meta progression. Developed for exploring modern front-end stacks and Web Accessibility Initiative (WAI) standards, it's inspired by games such as Runescape, Slay the Spire, and Cookie Clicker.
In just three weeks, I progressed from extremely limited frontend knowledge making basic square divs to a polished game with features like:
Idle skills for gathering and production that level up over time are a key mechanic.
Manage your inventory, arrange character loadouts, and collect equipment.
Answers to common questions about the project's technology choices and design approach.
-
Q: Why use Typescript and make your own engine over C# / Unity?
A: To learn modern frontend development; gaming was a secondary goal.
-
Q: How did you manage a sleek look with minimal design experience?
A: The Shadcn/ui library and learning from RefactoringUI a book by the Tailwind creator were instrumental.
A rundown of the technologies used for game features, UX/UI design, and deployment.
- Game Engine: Typescript & Next.js/React
- UI Design: Tailwind CSS, Lucide Icons, Shadcn/ui
- Packaging & Backend: Electron, Firebase
Adherence to consistent code style using Prettier for formatting.
Set up and run the development server for this Next.js project.
# Choose the package manager you prefer and run the relevant command:
npm run dev
yarn dev
pnpm dev
bun dev