nexttalk frontend

nexttalk frontend

NextTalk は、個人チャットとグループ チャットの両方をサポートするリアルタイム チャット アプリケーションです。これは、Next.js と Prisma ORM を使用して構築されたアプリケーションのフロントエンド コードベースです。使用するデータベースはMongoDBです。

注 : これはアプリケーションのフロントエンド コードベースです。バックエンドのコードベースはここにあります。

インストール

アプリケーションをローカルで実行するには、次の手順に従います。

1. リポジトリのクローンを作成します。

    git clone https://github.com/innovatorved/nexttalk-backend.git

2. 依存関係をインストールします。

    cd nexttalk-frontend
    npm install

3. 環境変数を設定します。

    cp .env.example .env.local

4. Prisma 構成のセットアップ

    npx prisma generate

5. サーブを開始します:

開発サーバーの場合は、 .env.localのNODE_ENV変数をdevelopmentに変更し、次のコマンドを実行します。

    npm run dev

運用サーバーの場合は、 .env.localのNODE_ENV変数をproductionに変更し、次のコマンドを実行します。

    npm run build
    npm run start

6. ブラウザで http://localhost:3000 を開いて結果を確認します。

注: .env.localの値を独自の値に置き換えてください。

特徴

• リアルタイム個別チャット
• リアルタイムのグループチャット
• ユーザーの認証と認可
• チャットグループの作成、参加、退出が可能
• オンラインおよびオフラインのユーザーのリストを表示する
• ユーザーとチャットグループを検索する
• レスポンシブデザイン

技術スタック

Next.js、Prisma ORM、MongoDB、GraphQl、Apollo クライアント、React、ChakraUI、Nodejs

貢献する

貢献は大歓迎です！遠慮なくプルリクエストを作成したり、問題を提起したりしてください。投稿する前に、投稿ガイドラインをお読みください。

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。

著者

• ヴェド・グプタ

私について

私は開発者なので、コードを触ってから書きます。

サポート

サポートについては、[email protected] まで電子メールでお問い合わせください。