The Gist
The Matthew Henry Commentary on the Whole Bible got published in 1706. Several of the online versions look that old in computer years.
I developed a version with a modern look and feel, leveraging modern web technologies, including a React frontend and GraphQL backend.
Technology
I created a PostgreSQL database via Heroku. I then used Hasura which provides a UI to manage my database and from that database generates a GraphQL API (with just a little configuration).
I created a Puppeteer script that could scrap an existing online version of Matthew Henry's bible commentary and generate SQL statements to populate my database. With a populated database and consequently an accessible GraphQL API, I built the frontend using React and Apollo Client, a state management library for managing GraphQL endpoints. With the help of Tailwind CSS, React Spring, and a neat little package for typewriter effects called Windups, I dazzled up the application.
Hasura plays well with other microservices, allowing you to source from a variety of sources.
I set up authentication with Auth0 so that authenticated users could add reviews and ratings. All of this was integrated with Hasura.
Overall, this was a fun way to get practice with Hasura and PostgreSQL, confirming it as a preferable stack for projects going forward (including this site).