System Architecture

  • This application uses React (Client-side rendering) to render the UI. This means that UI elements are rendered client side.

  • Firestore database is being used to store Story Map data. This is a NoSQL collection/document style database. Firebase security rules are used to secure this database.

  • Firebase client-side JavaScript SDK is used for session management and to perform direct database actions and queries.

  • Firebase functions are used as a backend service to handle more complex actions and queries that can’t be performed on the client side.

  • Typesense Cloud is used for full-text search queries on documents.