chat app client
1.0.0
他のアプリと同様に、通常のチャットWebアプリです。完全に応答し、モバイルの最初のアプローチ。 Mernスタックでビルドします。 netlifyでホスト。
このプロジェクトはここに住んでいます。
これらは、このプロジェクトで使用されている主なテクノロジーでした。
他のいくつかのテクノロジーは、
クライアントとサーバーには個別のリポジトリがあるため、2つのサーバーが異なるルートレベルディレクトリで同時に実行されます。したがって、個別に保管してください。
ノード、npm、gitをインストールします。
git clone https://github.com/ramankarki/chat-app-api.git
cd chat-app-api
npm install nodemon -g
npm install
rootでconfig.envファイルを作成し、env変数を追加します。
NODE_ENV=development
DB_STRING=your mongodb database string
// I have used sendgrid to send emails,
// create a sendgrid account and after your setup is done add your credentials here
SENDGRID_USERNAME=your sendgrid username
SENDGRID_PW=your sendgrid password
EMAIL_FROM=email from which you are sending mails.
JWT_SECRET=any random string you want (preferred min 32 strings)
JWT_EXPIRES_IN=expiry date for your jwt tokens
JWT_COOKIE_EXPIRES_IN=expiry date for your cookies
// I have used pusher to make this app real time
// create a pusher account and after your setup is done add your credentials here
PUSHER_APP_ID=your pusher app id
PUSHER_KEY=your pusher app key
PUSHER_SECRET_KEY=your pusher secret key
PUSHER_CLUSTER=your pusher app cluster
これで完了し、開発サーバーを開始できます
npm run dev
git clone https://github.com/ramankarki/chat-app-client.git
cd chat-app-client
npm install
rootに.envファイルを作成し、SASSを使用したため、env変数を追加します。
SASS_PATH=node_modules:src/*
/SRCフォルダー内に構成フォルダーを作成し、dev.jsファイルを作成して構成フォルダー内に作成して、秘密キーを追加します。
module.exports = {
PUSHER_KEY: "YOUR PUSHER KEY FOR CLIENT SIDE",
PUSHER_CLUSTER: "YOUR PUSHER CLUTER",
};
これで、クライアント側のためにも完了し、React開発サーバーを開始できます
npm run dev
