MinhNNguyen / React-ChatZone

Authentication using Google / Facebook SignIn and allow user to chat with other availalable users

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project Description

This project was an attempt to create a chat application that allows user to authenticate through Google/Facebook Sign In and initiate chat with other users who are available at the time. One user should only be able to chat with one user at the time, when doing so, their statuses were displayed as busy. If the user was not chatting with anyone, his or her status was displayed as online, which allows them to initiate chat with other users who are also online or get invited into a chatroom with user who selected them.

Upon completing, the project should be deployed on Firebase server This project was bootstrapped with Create React App.

Development Progress

The basic function of the application are ready, however, the Facebook Login, Sign Out Function, and Emoji Board were disable due to lack of time. The deployment to firebase was attempted but not successful at the time

To-do

  • Fix bugs
  • Re-enable Facebook Login, cookies, log out function
  • Deploy to Firebase, test and valiadate with multiple users online at a time
  • Deploy an ablility to detect emoji using regex within text
  • Rework on user interface and design

Available Scripts

In the project directory, you can run:

npm start

npm test

npm run build

npm run eject

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

About

Authentication using Google / Facebook SignIn and allow user to chat with other availalable users


Languages

Language:JavaScript 84.1%Language:CSS 9.8%Language:HTML 6.1%