#All that remains 1 walkthrough app wrapper how to#
We’ll also learn how to wire up Hasura’s events to get stock price updates using web-push notifications. We’ll learn how to set up the database tables, and events on the Hasura console. We’re going to start the project from a create-react-app boilerplate code and would build everything ground up. In this article, we’re going to build a Stocks Price Notifier application by using React, Apollo GraphQL, and Hasura GraphQL engine. How awesome would that be if you could get the updates of the price of your favorite stock on your phone? The events-based terminology is also quite common in the world of software. People prefer to get relevant emails/messages when their preferred event has occurred as opposed to being hooked on the screen to wait for that event to happen. The concept of getting notified when the event of your choice has occurred has become popular compared to being glued onto the continuous stream of data to find that particular occurrence yourself. We’ll set up database tables, events, and scheduled triggers on the Hasura GraphQL engine and wire up the GraphQL endpoint to the front-end application to record the stock price preference of the user. In this article, we’ll learn how to build an event-based application and send a web-push notification when a particular event is triggered.