This is a Next.js project bootstrapped with create-next-app.

Lingogee

 

Here you get to the LIVE APP

Description

Lingogee is a browser-based chat application for one-to-one messaging. Lingogee allows you to get an instant in-app translation of you chat partner's messages into 8 languages. You can even get your own messages translated. You can toggle between showing the oiginal messages, showing the translation and showing original message and translation side-by-side.

Why I built this app

This project helped me to get familiar with best practices and design patterns for chat applications in general. By building lingogee, I definitely got a lot of practice and deeper insights into modelling data in NoSQL databases. this project also enhanced my experience in working with RESTful APIs (Deepl API in this case) design pattern

Tech Stack

• Javascript ES6
• ReactJS
• NextJS
• Deepl API
• Tailwind CSS
• Google Firebase

Features

• one-to-one messaging
• inserting emoticons in your texts
• sending image files
• get a translation of your and your chat partner's messages into 8 languages
• toggle message view between original, translation or side-by-side
• find chat partner by email
• sign up and sign in with google or email and with and facebook
• selecting and swapping out the user's profile picture

How to install and run the project

1. Clone the project, running git clone https://github.com/Larence0401/tripmeister.git

2. Create a free account with deepl.com

3. Set up a new project with Google Firebase

4. Create an .env.local file in your local repository. Use the keys which you find inside of the env object in the next.config.js file and assign to them your credentials for the Deepl API and Firebase API

5. Install dependencies running npm i or yarn add in your terminal

How to use the project

Some ideas for additional feature you could add to the app:

• group chat functionality
• forwarding messages
• building a version of this app in React Native

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

AIzaSyCslMeCOzjhzgJlzG6mMD-kWb3nfbEDtLs