https://github.com/boyank95/saas-messageapp
Software as a Service app for messaging people in different languages. Created with NextJS, Shadcn, Tailwind, Firebase
https://github.com/boyank95/saas-messageapp
firebase firebase-database javascript next-auth nextjs react shadcn-ui tailwind typescript vercel vercel-deployment
Last synced: 4 months ago
JSON representation
Software as a Service app for messaging people in different languages. Created with NextJS, Shadcn, Tailwind, Firebase
- Host: GitHub
- URL: https://github.com/boyank95/saas-messageapp
- Owner: BoyanK95
- Created: 2023-12-29T19:54:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-23T21:45:09.000Z (about 1 year ago)
- Last Synced: 2025-07-05T08:43:15.572Z (12 months ago)
- Topics: firebase, firebase-database, javascript, next-auth, nextjs, react, shadcn-ui, tailwind, typescript, vercel, vercel-deployment
- Language: TypeScript
- Homepage: https://saas-message-app.vercel.app/
- Size: 1.53 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Incognito Translation Messaging App
Welcome to the Incognito Translation Messaging App, a powerful application built with Next.js. This app combines the efficiency of Next.js with Shadcn for a stylish component library, Next Auth for authentication, and Zustang for state management. It provides a seamless experience for translating and messaging within a Software as a Service (Incognito) environment.
## Table of Contents
- [Features](#features)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Authentication](#authentication)
- [State Management](#state-management)
- [Components](#components)
- [Contributing](#contributing)
- [License](#license)
## Features
- **Translation Services:** Seamlessly translate messages and content within your Incognito application.
- **Messaging Platform:** Efficiently communicate with team members or clients using the integrated messaging system.
- **Next Auth:** Secure and easy authentication setup for user management.
- **Shadcn Component Library:** Stylish and customizable UI components for a modern look and feel.
- **Zustang State Management:** Centralized state management for enhanced application performance.
## Getting Started
### Prerequisites
Make sure you have the following installed on your machine:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/saas-translation-messaging-app.git
cd saas-translation-messaging-app
```
Install dependencies:
```bash
npm install
# or
yarn
```
Run the development server:
bash
```
npm run dev
# or
yarn dev
```
Your app should now start locally running on [localhost:3000](http://localhost:3000)
# Authentication with NextAuth and Firebase (Google Login)
To set up authentication with NextAuth and Firebase (Google Login), follow these steps:
1. Install the required packages:
```bash
npm install next-auth firebase
# or
yarn add next-auth firebase
2. Create a NextAuth configuration file (e.g., next-auth.config.js) and configure the provider for Google:
```bash
// next-auth.config.js
import NextAuth from 'next-auth';
import Providers from 'next-auth/providers';
export default NextAuth({
providers: [
Providers.Google({
clientId: process.env.GOOGLE_CLIENT_ID,
clientSecret: process.env.GOOGLE_CLIENT_SECRET,
}),
// Add other providers if needed
],
// Add additional NextAuth configurations as required
});
```
Set up environment variables in your .env.local file:
```bash
env
Copy code
# Google OAuth
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret
Replace your-google-client-id and your-google-client-secret with your Google OAuth credentials.
```
# Usage
## Overview
The Incognito Translation Messaging App is designed to facilitate multilingual communication in a secure and incognito manner. The application offers both free and paid pro memberships, unlocking additional features and enhancing the user experience.
# Tiers and Pricing
## Tiers
### Starter
- **Price:** Free
- **Description:** Get chatting right away with anyone, anywhere!
- **Features:**
- 100 Message Chat Limit in Chats
- 2 Participant limit in Chat
- 7 Chat Rooms Limit
- Supports 3 languages
- 48-hour support response time
### Pro 🔥
- **Price:** 1.99 Euro per month
- **Description:** Unlock the Full Potential with Pro!
- **Features:**
- Unlimited Messages in Chats
- Unlimited Participants in Chats
- Unlimited Chat Rooms
- Supports up to 10 languages
- 1-hour support response time
- Early access to New Features
## Usage Examples
### Free Membership Usage:
1. **Sign up for a free account.**
- Get started by signing up for a free account on the SaaS Translation Messaging App.
2. **Start messaging in different languages instantly.**
- Explore the multilingual chat feature to communicate with users from diverse linguistic backgrounds.
3. **Translate messages for effective communication.**
- Utilize the translation services to seamlessly translate messages and enhance communication.
### Pro Membership Usage: :rocket:
1. **Upgrade to a Pro membership.**
- Elevate your experience by upgrading to a Pro membership for enhanced features and security.
2. **Enjoy incognito cryptic chat.**
- Engage in incognito cryptic chat sessions for secure and private conversations.
3. **Use the app's safe network.**
- Leverage the safe network provided by the app to prevent unauthorized access and enhance user privacy.
4. **Access exclusive features.**
- Unlock exclusive features that go beyond basic messaging, including early access to new features.
## Contributing
If you'd like to contribute to this project, please follow the [contribution guidelines](CONTRIBUTING.md).
# Thank you for your atention
### if you like the project please don't be affraid to give it a Star ⭐