BlogQL

Simple blog app with a GraphQL backend and React frontend

BlogQL is a learning project; something I started to help enhance my knowledge of learn Node, TypeScript, React, GraphQL and GitHub Actions. Currently the system supports login via Google, single blog per user, a rich-text blog post editor and a GraphQL API accessible via API key.

Here's a two-miniute video demo of the BlogQL UI as it stands today:

The stack

Here's a listing of the technologies used in BlogQL.

Common

• Node.js
• TypeScript
• Google Sign-in
• Jest tests.

Server

• Express for REST bits
• Apollo GraphQL server
• SQLite3 or Postgres database persistence
• Apollo Studio schema checks and publish

Client

• React.js application
• React Router v5
• Ant Design componments
• Apollo GraphQL client
• Quill (rich text editor)
• Webpack bundling and dev server
• Storybook stories and Chromatic snapshot checks
  • You can view the components in the public Storybook

Infrastructure

• Github Actions
  • On pull-request update: build, runs tests, builds Docker image and checks GraphQL schema.
  • On merge to main: does same steps and then publishes GraphQL schema to Apollo Studio.
• Work in progress: Helm charts for deploying to Kubernetes