CrossTalk is a cutting-edge messaging app developed with Next.js 13, TypeScript, Tailwind CSS, and Firebase. It empowers registered users to engage in seamless conversations regardless of language differences. The Firebase Translation Extension works behind the scenes to provide AI-driven translations, ensuring a truly multilingual experience.
- User Registration: Join our community and start connecting with users worldwide.
- Multilingual Messaging: Speak your mind in any language you prefer.
- Translation on Demand: Choose your preferred language, and watch as messages are translated in real-time.
- Powered by Firebase: Benefit from Firebase's real-time updates, secure authentication, and the magic of translation.
- Next.js 13: Leverage the latest features for a dynamic and responsive frontend.
- TypeScript: Enjoy the advantages of static typing for a robust codebase.
- Tailwind CSS: Craft beautiful and responsive UI components effortlessly.
- Firebase: The backbone for authentication, real-time database updates, and AI-driven translations.
- UUID: Generate unique identifiers for various components in the app.
- NextAuth: Simplify authentication with NextAuth, ensuring a secure user experience.
- Zod: Utilize Zod for runtime checking of TypeScript types.
- Stripe: Integrate secure payment processing for a seamless user experience.
- Shadcn-UI: Enhance the visual appeal of the app with the Shadcn-UI component library.
Go to https://cross-talk.vercel.app and register with your Google Account.
We welcome contributions! Feel free to open issues, submit pull requests, or share ideas to make CrossTalk even more incredible.
I am currently working on adding new features and general content to the project. Some of these include:
- Add branding and instructions to the Next Auth sigin page.
- Add more content to the landing page to give potential new users more information.
- Fix the problem with the footer and chat input not sicking to the bottom of the page.
- Add appropriate meta data to the pages for better SEO.
- Replace landing page image with gif or multi-device showcase of the chat and translations working.