Fate Character Codex

A Nashville Software School C38 front-end capstone project by Keith Potempa

Overview

In this React SPA, users can create, store, and view characters for Fate Core, a tabletop roleplaying game by Evil Hat Productions.

Demo Video

Screenshots

Use Case

Creating characters in Fate is a relatively simple process, so the publisher does not produce extensive libraries or resources of characters for use by players / game masters. This project hopes to provide an accessible resource to efficiently build characters; to help reduce the preparation time and overall accessibility of the game.

Players and Game Masters can use Fate Character Codex to:

• efficiently create characters of various different types
• make decisions during character creation one step at a time, with short, relevant prompts from the rulebooks provided for each step
• manage changes to saved characters throughout campaign play
• track stress and consequences during a session
• find characters and creatures created by other users to instantly use in their own games

Character Types Supported

Fate Core:

• Player Characters (PCs)
• Non-Player Characters (NPCs)
  • Nameless NPCs (Average, Fair, Good)
  • Supporting NPCs
  • Main NPC

Fate Adversary Toolkit:

• Enemies
  • Threats
  • Hitters
  • Bosses
  • Fillers (Average, Fair, Good)

React Technologies Used

This project utilizes the following:

• Hooks, state, props, routes, components, modules
• This project was bootstrapped with Create React App.
• Semantic UI for React component buttons, cards, containers, dividers, dropdowns, forms, grids, icons, inputs, items, labels,lists, etc.
• React Hooks Paginator for pagination
• React Confirm Alert for confirm alerts
• React Router for page routing

Other Technologies Used

1. Firebase Hosting
2. Firebase Authentication
3. Firebase Realtime Database backend

Entity Relationship Diagram

Local Setup

If you would like to test this code locally, you can follow these steps to get started:

1. git clone git@github.com:keithrpotempa/fate-character-codex.git && cd fate-character-codex
2. npm install to build dependencies
3. npm start to run the application in development mode