Babel chat

Chat with messages translation. Each message is translated to english and spanish in server side.

The socket message is used to send and translate message. In this way, requests to the Google Cloud Translate API are reduced without increasing complexity.

Messages aren't saved on client or server.

You can create private rooms adding room name to url.

📁 Libraries

• SSR: Next / React / Typescript
• Styles: Grommet / Styled Components / Styled System
• Websockets: Socket.io
• Translations: Google Cloud Translate

💻 Live demo

It require 10 seconds warm up to bootstrap at first time each 30 minutes of inactivity due the server is located in free cost plan

• Main room http://babel-chat.herokuapp.com.
• Private room http://babel-chat.herokuapp.com/private-name-room-you-want.

📚️ Requeriments

• Node v14.3.0
• Yarn 1.22.4

🛠️ Environment configuration

1. Create an application in Google Cloud and get a google application file credentials to Cloud Translation API
2. Copy the default environment variables from .env.dist to .env
3. Modify the environment variables in .env with google application file credentials location and application client id
4. Install dependencies

     $ yarn install

🌍 Application execution

1. Start the application with : yarn dev
2. Go to http://localhost:3000

🚀 Try production bundle

1. Build application baundle with: yarn build
2. Run application on production mode: yarn start