chat app client

Приложение чата

Это обычное веб -приложение для чата, как любое другое приложение. Полностью отзывчивый, мобильный первый подход. Построить с помощью стека Mern. Размещено с NetLify.

Начните

Вы можете увидеть этот проект вживую здесь.

Строить с

Это были основные технологии, используемые в этом проекте.

• MongoDB - база данных на основе документов NOSQL
• ExpressJS - Nodejs Framework для веб -и мобильных приложений
• React - библиотека JavaScript для создания пользовательских интерфейсов
• Redux - предсказуемый государственный контейнер для приложений JS
• Nodejs - JavaScript Runtime Engine, построенный на chrome V8 JavaScript Engine A, который запускает JavaScript за пределами веб -браузера

Некоторые другие технологии

• SASS - Язык сценария препроцессорного сценария для CSS
• React-Bootstrap-самая популярная фронтальная структура для компонентов пользовательского интерфейса
• Bootstrap - самая популярная фронтальная рамка
• Pusher - питание опыта в реальном времени для мобильных устройств и веб -сайта
• JWT - JSON Web Tokens - это открытый отраслевой стандартный метод RFC 7519 для безопасного представления претензий между двумя сторонами
• Mongoose-Mongoose обеспечивает прямое решение, основанное на схеме для моделирования данных вашего приложения
• Multer - Пакет для управления файлами из данных формы
• PUG - Генератор шаблонов для рендеринга на стороне сервера.

Локальная установка

Клиент и сервер имеют отдельный репозиторий, и, следовательно, два сервера будут работать одновременно в разных каталогах ROY -уровня. Итак, держите их отдельно.

Предварительные условия

Установите узел, NPM и GIT.

Настройка сервера

 git clone https://github.com/ramankarki/chat-app-api.git

cd chat-app-api

npm install nodemon -g

npm install

Создайте файл config.env в root и добавьте некоторые переменные 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

Создайте файл .env в корне и добавьте переменную env, так как я использовал SASS.

 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

Теперь он должен открыть домашнюю страницу этого приложения для чата в браузере по умолчанию