- Offers for a restaurant
	- Offers personalized for customers by Swiggy
	- Free delivery for certain restaurants / above a certain price bar"

  Create Component Folder as Components and add your components for the react app inside it.
  - Filters
  - Login
  - Offers
  - Navbar
  - YourCuisine

  Create Queries Folder which holds the queries created in Hasura Playground for extracting data from the postgres DB all methods used in the react app.
  - ALL_OFFERS
  - ALL_RESTROS
  - ALL_AMERICAN
  - ALL_INDIAN
  - ALL_ITALIAN
  - ALL_FREE_DELIVERY
  - ALL_PAID_DELIVERY

  To enable our Backend Services we need a server frome where we can fetch/post/delete data.

  Through Hasura it makes our life simple by creating a server and giving us the endpoint to which we will be fetching.

  Relational Database are on demand and what else otherthan Postgres would make our lives easy.

  We need to deploy the backend server to get a endpoint.

  Heroku here comes into play and makes the deployment easier and smooth.

  And Boooooom Your so called very tough PostgreSQL server running, with GraphQl.

As our both Backend & Frontend are active, It's now time to welcome Apollo Clientn to the picture.

Apollo CLient works as a channel/gateway for React App to connect to the backend server.

Apollo also gives us various hooks.

      Some of them are:

            -useQuery
            -useLazyQuery
            -useMutation

Our index.js file wraps the whole app, so lets create a client as the endpoint of postgress server & then wrap the App with client through Apollo.             

Create your own relational database in Hasura.

Code React App and its required features.

Hey, what about errors ? Let's handle it by connecting our app to Sentry.

Sentry is free tool to handle error and monitor our app.

We need to connect Sentry over our index.js file.

We need export our app component as a Sentry Component in App.js file. 

Now, Let's Deploy the React app.

    Sai Sarthak Mohapatra