hire-me
← ~/work2026

living-world-quest-board

Tanstack StartTypeScript

// links

  • git:github.com/dwhalley15/living-world-quest-board
    open
  • url:living-world-quest-board.vercel.app
    open

// problem

Adventurers and role-playing communities need a modern, interactive quest management platform that makes it easy to discover, organize, and participate in quests. Traditional quest boards often rely on static listings or fragmented communication channels, making it difficult to track quest availability, participant progress, character involvement, and completed adventures. As the number of quests and adventurers grows, these systems can become difficult to manage, limiting engagement and creating a less organized adventure experience.

// approach

  1. 01Developed a full-stack interactive quest board application using TanStack Start.
  2. 02Implemented a secure user authentication system using PostgreSQL for account and character data management.
  3. 03Built session-based authentication using unique session tokens stored in a dedicated PostgreSQL sessions table linked to character accounts.
  4. 04Designed relational database structures to manage characters, user accounts, sessions, quests, and associated quest data.
  5. 05Implemented protected application routes and authentication checks to ensure only authenticated users can access account-specific functionality.
  6. 06Developed dynamic quest management functionality allowing users to discover, participate in, and track available quests.
  7. 07Created reusable components and modular application architecture to separate server-side logic, database operations, authentication, and user interface functionality.
  8. 08Built responsive and interactive interfaces to provide a clear and engaging experience for managing characters and quests.
  9. 09Applied modern full-stack development practices and type-safe patterns provided by TanStack Start to create a maintainable and scalable application.

// media

img_01living-world-main.png
A screenshot of the living world quest board web app home screen

A screenshot of the living world quest board web app home screen

img_02living-world-character.png
A screenshot of the living world quest board web app character modal

A screenshot of the living world quest board web app character modal

img_03living-world-quest.png
A screenshot of the living world quest board web app quest modal

A screenshot of the living world quest board web app quest modal

// outcome

  1. Delivered a fully functional, interactive quest board application built with TanStack Start, providing users with a centralized platform for discovering and managing adventures.
  2. Implemented a complete authentication workflow using PostgreSQL and session-based authentication, allowing users to securely create accounts, log in, and maintain authenticated sessions.
  3. Developed a relational database structure connecting character accounts with session records, providing a reliable foundation for user identity and session management.
  4. Created a dynamic quest experience where users can browse available quests, interact with quest content, and manage their participation through an intuitive interface.
  5. Built a responsive and modern user interface that provides clear navigation and feedback across different sections of the application.
  6. Applied full-stack development principles by integrating frontend interfaces with server-side logic, database operations, authentication, and persistent application data.
  7. Gained practical experience with TanStack Start, PostgreSQL database design, session-token authentication, relational data modelling, protected routes, and building scalable full-stack web applications.
// ready

Ready to start your own project?

$ ./start-conversation