Chat App Frontend

Collaborators

• @ZdravDim
• @dimicck

Short description

• Multi-Room Chat App with user authentication

Technologies

• React
• Bootstrap
• Firebase auth - phone authentication
• JWT authentication
• Socket.IO for WebSocket connection
• Docker

Project overview

Installation

Note

Project depends on Firebase configuration, which is set in environment variables, so in order to start up the project by cloning, you need to setup you own Firebase project and put configuration in .env file

Only Frontend ( requires you to set up your own Firebase project )

• Use the git clone https://github.com/ZdravDim/Chat-App-Front-Web.git command to clone the project and then npm install to install dependencies.

• Run npm run build to create a production build, then npm install -g serve to install serve then serve -s build to serve static files, it will run on http://localhost:80

Frontend and Backend ( doesn't require you to set up a Firebase project )

• Install Docker
• Download https://github.com/ZdravDim/Chat-App-Front-Web/blob/main/docker-compose.yaml
• Use the cd command to navigate to folder containing downloaded file
• Then run docker-compose up
• Frontend will run on http://localhost:80
• Backend will run on http://localhost:8080