A react app designed to connect people and translators to provide fast, effective translations via live chat

by React

Transl8r

About the Project

Transl8r is an app designed to connect people and translators to provide fast, effective translations via live chat, video calls or image modification.

Contributors

Technologies

The technologies we used to build this app:

Frontend

React, SCSS, ReactQuery, React-toastify

Backend

PostgreSQL, Sequelize, NodeJs, Express

Others

JWT, PeerJS, Socket.io, Cloudinary, Markerjs

Screenshots

Getting Started

There’s a few things you need to do to get started:

Prerequsites

  • npm

npm install npm@latest -g

  • API Keys

    • Cloudinary

  • Database

You will need to create a Postgres database. You can set the name and password of this database in the servers environment variables as shown in the .env.example file

  1. Clone this repo

  2. transl8r/client % npm install

  3. transl8r/server % npm install

  4. Create server/.env using server/.env.example as a template

  5. Create client/.env using client/.env.example as a template

BackEnd

  • This will create the tables in the Postgresql database.

transl8r/server npx nodemon
  • This will populate the databases language table. Please note that you will need to run the above command first.

transl8r/server npm run populate
  • Now fire up database with the populated languages and you’re good to go!

transl8r/server npx nodemon

FrontEnd

transl8r/client % npm start

GitHub

View Github