Customer Support Chatroom
About
A customer support chatroom designed with the purpose of serving people when they find difficulty in connecting to the nearby stores. This chatroom service can be used by both client and user to easily communicate with each other and get the issues resolved or get the work done more efficiently. Apart from chat if the client wishes to get an update on Call or SMS he can subscribe for the features using the different chatroom actions.
How it works
This application uses Node and Express for server side and React for client side implementation respectively.
Features
- Node.js web server using Express.js
- User interface using ReactJs and Semantic-UI
- User interface to schdeule calls.
- User interface schdeule message updates
- Linting and formatting using ESLint and Prettier
- Interactive configuration of environment variables upon running
npm run setupusingconfigure-env - Project specific environment variables using
.envfiles anddotenv-safeby comparing.env.exampleand.env.
Set up
Requirements
Twilio Account Settings
There are twilio config values required to run the application.
| Config Value | Description |
|---|---|
| Account Sid | Your primary Twilio account identifier . |
| Auth Token | Used to authenticate ). |
| Phone number | A Twilio phone number |
| Twiml id | A Twiml application id |
| Chat Service id | A Chat application id |
Local development
- Clone this repository and go inside the folder.
git clone https://github.com/Jasmin2895/twilio-support-chat.git
cd twilio-support-chat- Install dependencies
npm install- Set your environment variables in the config files. Replace the ids in the
.envfile with values ontained from twilio account.
cp .example.env .env- Run the server side and client side respectively.
node serve.jsnpm startProxy is used which helps to run the server side will be running on port 3002 and client side on port 3000.
- This project uses mongodb so set up mongodb locally and in the file
db.jsreplace username and password with your username and password.