Skip to content

thaoanhhaa1/ChatApp-CNM-web

Repository files navigation



Chat App

Supports Expo Web

🚩 Table of Contents

Built With

This section list major frameworks/libraries used to bootstrap my project.

Redux Toolkit React SocketIO I18next MUI Axios Tailwind CSS Agora Google Maps Sass

Installation

  1. Clone the repo
    git clone https://github.com/thaoanhhaa1/ChatApp-CNM-web.git
  2. Install NPM packages
    npm install
  3. Run web
    npm start

Features

  • Multi-language

    • My chat app uses i18next, so you can easily add a new language if you want.
  • Dark mode

    • The application supports dark mode.
  • Sign up

    • The application allows users to sign up for accounts. To sign up, users need to provide their full name, email or phone number, gender, date of birth.
  • Sign in

    • The application requires a username (phone or email address) and password to sign in.
  • Friend Management

    • A user can send a friend request to another user, recall friend request, accept or reject a friend request, unfriend a friend.
  • Create new group

    • The user can create a group, which must have at least three people (including the creator), create a group layout that only shows people who are friends of the user, and the user can enter the group name and avatar (optional).
  • Chat 1 - 1 with socketIO

    • Chat 1-1: The user can chat text messages that come with emojis and send images, files, locations and call. More users can react to messages, delete messages, delete me messages, pin messages, play video files, preview file, preview link, and reply to previous messages.
  • Chat group with socketIO

    • Chat group: Chat groups can add new members to the group. With admin roles, users can remove users, yield admin roles, and add new deputy. The user can chat text messages that come with emojis and send images, files, locations and call. More users can react to messages, delete messages, delete me messages, pin messages, play video files, preview file, preview link, and reply to previous messages.

Contact

Hà Anh Thảo - anhthaodev@gmail.com

GitHub Streak

My github stats

Nguyễn Thị Trung Hiếu - hieu92145@gmail.com

GitHub Streak

My github stats