Live Link - https://glocal-ai-deepak-kushwaha.vercel.app/
Glocal enables users to engage in conversations without the hindrance of language barriers and makes communication more accessible to individuals from different linguistic backgrounds.
Powered by Google Cloud Translation Hub and custom AutoML models. The app operates on a tiered subscription model, providing both free and pro plans tailored to user's needs. Stripe integration is used for seamless subscription handling.
There are over 7,000 languages spoken today, yet communication barriers still limit our ability to connect. In our globalized world, where people constantly travel and interact, these barriers hinder international trade and diplomacy.
Problems like this gave birth to GLOCAL - A TRANSLATION and CHAT app.
Glocal is a translation and chat app that effortlessly translates your native language into any other language. It allows communication with anyone, anywhere, in any language. Incoming messages are automatically translated to your chosen language, and your outgoing messages are converted to the recipient's preferred language. This two-way translation ensures seamless conversations without the need for a common medium language.
- Next.js - The React framework for building web applications.
- React.js - A JavaScript library for building user interfaces.
- TypeScript - A typed superset of JavaScript that compiles to plain JavaScript.
- Framer Motion - A library for creating smooth animations in React applications.
- Google Cloud Platform - A suite of cloud computing services provided by Google.
- Artificial Intelligence - Google Cloud AI for language translation
- Firebase & Firestore - Firebase is a mobile and web application development platform. Firestore is a NoSQL cloud database.
- Stripe - A platform for online payment processing.
- Zustand - A small, fast, and scalable state management library for React.
- Docker - Docker is a platform designed to help developers build, share, and run container applications.
Upon registration, users receive unique identifiers from Firebase Authentication to ensure secure account access. User data, including display names, messages, and profile pictures, is stored in Firebase Realtime Database or Firestore. Users can add chat partners using their Email IDs. Upon successful verification of email, a sharable link is generated, allowing the new user to join the chat room and select their preferred language for communication.
(Note : New User's must be Signed In to communicate with each other)
In Free plan users can only send only 20 messages per room while PRO plan supports unlimited text messages
Test Card Number: 4242 4242 4242 4242
Expiry Date: Any future date
CVC: Any 3-digit number
Note: Please note that this is a test card number provided by Stripe for testing purposes. It will simulate a successful payment.
In the current development phase, our Stripe integration is in test mode. In this mode, Stripe accepts payments for addresses outside India for testing purposes. You can use the below given test address or any
other address outside India
Test Address:
Country: Switzerland
PinCode: 8010
City: Zurich
Set the env variables
in .env
Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!