A Professional Chat App Built on top of Reactjs and Vertx

A Professional Chat App Built on top of Reactjs and Vertx

This is the probation project at VNG. In this project, we will use Reac JS, Java Vert.x with Redis to simulate a simple chat application.

Hey

This is the probation project at VNG. In this project, we will use Reac JS, Java Vert.x with Redis to simulate a simple chat application.

The project will have following functions:

  • Sign In
  • Sign Up
  • Chat with Other Person in friend list
  • Chat in group
  • Add new friend
  • View Online/Offline friend along with their status
  • Set Status
  • Receive notification about Online/Offline friend in friend list

To achieve these functionalities, we will use following technology stack:

  • React JS with Redux for client side development
  • Ant.design for UI/UX design
  • Java Vert.x for develop the API server
  • Websocket for messanging and instant notification
  • Redis as database

Brief UIs of Hey

Hey App

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. For more detail please refer to our wiki.

Prerequisites

You will need Docker in order to run this application

Installing

  • Everything has been summed in the docker-compose.yaml file. You just only need to travel to the root folder of the project then run
docker-compose up --build

Document

https://github.com/zalopay-oss/hey-app/wiki

Support

  • Any bugs about Hey please feel free to report here.
  • And you are welcome to fork and submit pull requests.

Authors

  • Thanh VO - VNG Employee
  • Hung LE - VNG Employee

License

This project is licensed under the MIT License

Acknowledgments

  • Mr Anh LE - Lead Software Engineer at VNG - for extraordinary support

Download Details:

Author: zalopay-oss

Source Code: https://github.com/zalopay-oss/hey-app

react reactjs javascript

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

What is ReactJS? | ReactJS Basics | Learn ReactJS | React for Beginners | ReactJS Training

This Edureka video on "What is ReactJS ?" will help you understand the fundamentals of ReactJS and help you in building a strong foundation in React by understanding the advantages of ReactJS along with its features and major aspects.

Increase Performance of React Applications Via Array JavaScript Methods

Increase Performance of React Applications Via Array JavaScript Methods. We will create a simple event management application in the react to add, update, and delete an event.

Routing in React without React-Router

I have been using React JS in my projects for quite some time now and am used to managing routing in my app using the react-router package. I have always been keen on having as little dependencies in my apps as possible, so, I always felt perturbed by the use of this particular package in simpler apps which did not have complex routes.

The Ugly Side of React Hooks

In this post, I will share my own point of view about React Hooks, and as the title of this post implies, I am not a big fan.