graphql-engine/community/sample-apps/whatsapp-clone-typescript-react

WhatsApp Clone

The react client is a forked version of urigo/whatsapp-client-react and the server is backed by Hasura GraphQL Engine

• Checkout the live app.
• Explore the backend using Hasura Console.

Running the app yourself

Deploy Postgres and GraphQL Engine on Heroku:

• Get the Heroku app URL (say whatsapp-clone.herokuapp.com)
• Clone this repo:

  git clone https://github.com/hasura/graphql-engine
  cd graphql-engine/community/sample-apps/whatsapp-clone-typescript-react
  

• Install Hasura CLI
• Apply the migrations:

  cd hasura 
  hasura migrate apply --endpoint "https://whatsapp-clone.herokuapp.com"
  

Run the auth server

cd auth-server

• Set the environment variables in .env

• Install and run the app

  npm install
  npm start

Run the react app

cd react-app

• Set the environment variables in .env

  yarn install

• Modify the codegen.yml to include the correct endpoint and headers

• Generate the graphql types by running

  gql-gen

This would generate the required types in src/graphql/types

• Run the app

  yarn start