React Live Messenger

screenshot of React Live Messenger
express
react
chakra-ui

A full-stack real-time chat application built with React, Node.js, Redis, Postgres, and Socket.io

Overview

React Live Messenger is a real-time chat web application that allows users to log in, add friends, and communicate with them in real-time. The application is built using React.js for the frontend and Node.js, Express.js, and Socket.io for the backend. Authentication is done using JWT, and the database used is PostgreSQL with Redis for caching.

Features

  • Real-time chat: Users can communicate with their friends in real-time.
  • User authentication: Secure user authentication is implemented using JWT.
  • Friend management: Users can add friends and manage their friend list.
  • Database integration: The application uses PostgreSQL for data storage and Redis for caching.

Summary

React Live Messenger is a real-time chat web application built using React.js and Node.js. It allows users to log in, add friends, and communicate with them in real-time. The application uses PostgreSQL for data storage, Redis for caching, and JWT for user authentication. To run the project, clone the repository, install dependencies, configure the database and Redis, and start the backend and frontend servers.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.