Here is a working live demo: https://chat-app-personal.netlify.app/
Test app by logging in as:
- Username: Guest
- Password: 123123
You can logout by:
- Right click --> dropdown menu --> scroll down to inspect --> Application --> Localstorage --> Right click --> clear. Refresh page should reset to login window.
- I wanted to learn the basics on how to build a chat app and came across npm package react-chat-engine. After reading the documentation and doing some research I was able to build my first chat app.
- React
- Axios
- React-Chat-Engine
- Chatengine.io for serverless backend.
- Netlify for deployment.
- Realtime chat.
- Multiple users per chat.
- Admin can add or remove users from chat.
- Admin can create chats.
- All users can send messages and upload/share images.
- Data lags or doesn't update when switching between chat boards. This occurs inconsistantly.
- Hide projectID in .env file. Change string to process.env.
- Add logout functionality.
- Add JWT Login with Firebase.
- Add social authentication, Google Login and Facebook Login.
- Allow all users to edit their own messages.
- Allow all users to delete their own messages.
- Allow Admin to edit/delete messages from all users.
Ryan Fogle
MIT