/React-Chat-App-using-AWS-API-Gateway-Websocket-and-Serverless-Framework

Realtime chat web app using React, AWS API Gateway Websockets, Dynamodb and custom Cognito authorizer.

Primary LanguageJavaScript

This repo is deprecated, please check out new example repo https://github.com/yai333/QuestionAnswerChatbot

Realtime chat web app using React, AWS API Gateway Websockets, Dynamodb and custom Cognito authorizer. https://medium.com/neami-apps/how-to-build-a-react-chat-app-with-aws-api-gateway-websockets-and-cognito-custom-authorizer-6f84f2da47ec

Project Structure

── /backend/            # Api Gateway Websockets and Lambda functions
── /frontend/           # Frontend React web app

Stack

  • React 16.8+
  • Serverless 1.38+
  • Node.js 8.10

Create AWS Cognito User Pool

https://docs.aws.amazon.com/cognito/latest/developerguide/tutorial-create-user-pool.html

Once User Pool created, Replace all APP_CLIENT_ID and USER_POOL_ID to your created IDs

Deploy Backend

cd backend
sls deploy
cd ..

Run React App

cd frontend
npm install
npm start