Skip to content

maamun7/react-redux-chat-app

Repository files navigation

Chat application using react, redux, rtk-query, nodejs, socket and mysql

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.

React app setup

  1. Clone the repository

git clone git@github.com:maamun7/react-redux-chat-app.git

  1. Enter to the application cd react-redux-chat-app
  2. Run following command to install node modules

yarn install OR npm install

  1. Run following command to start react app

yarn start OR npm start

  1. Your application is supposed open to your default browser, If not, http://localhost:3000 write this url to your browser's address bar and hit the enter key, application will be appeared in front of you.
  2. To set up the server application please follow the below instructions.

Server Setup

After cloning the repository to your computer you will find a directory with the name server.

  1. Go to the server directory by folloing command cd server/
  2. Run following command to install node modules

yarn install OR npm install

  1. Rename '.env.example' file to .env
  2. Enter your database credential to this renamed .env file (Please confirm that database is exist which name you entered)
  3. Run below command to migrate database (This application has been developed by using MySQL)

node ace migration:run

  1. If everything is all right, run backend app by below command

npm run dev OR yarn run dev

  1. Enjoy by registering and login.

Features

  1. Login
  2. Register
  3. Add friend
  4. Profile Setup
  5. Real time (instant) chat

About

react-redux-chat-app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published