ReactJS Chat App 🌕 🌓 🌘 Modern Midnight Theme [2022]

Build user-to-user chat with ReactJS, Typescript, and Chat Engine. Perfect for a portfolio website or adding chat into an existing project!
Complete Code: github.com/ala...
Chat Engine: chatengine.io
If you have any questions please leave a comment!

[@joshuamilanya3895]

Hey interested in knowing how these subcomponents work, kindly do a video

[@O-DogKubrick]

Not a bad idea cousin!

[@muskanshekh8287]

My chat engine is not working after 7 days due to paid trial . Now please tell me how to use the chat engine for free 😢
It shows an error-- To reactivate your project upgrade to a light plan for $7 per month.

[@alexandrebaron835]

Verynice! Thanks. Why a phone icon?

[@falcobtw8997]

sign up button doesn't work.

[@raza3434]

you have to signup as a new user and fill all the criteria including the profile picture then go to the login page and login as that account, thats the only way it works

[@lucky7460]

i tried to access the code in localhost but the button login - sign up not working.
would you please help to resolve the problem? thank you.

[@raza3434]

you have to signup as a new user and fill all the criteria including the profile picture then go to the login page and login as that account, thats the only way it works

[@touaitmohamed6318]

Not working either

[@sushik.8043]

How did you get that screen in VSC and how can I make this a public domain for others to use?

[@webb-developer]

thx

[@linetchikaya8079]

Signup and login botton not working

[@rienh]

Hey, can you tell me how can i make existing users come to chat screen instead of login screen every time?

[@nadimalaa8961]

maybe you can add 'isloggedIn' property with a boolean value for each user and based on it render what you need.

[@TrinhAnhQuan]

@@nadimalaa8961 can you explain more?

[@nadimalaa8961]

@@TrinhAnhQuan either use php to create a session on login. Store the user id in that session so a user is always logged in on their machine.
On logout, clear that session.
An easier solution is using local storage to do the same task; store an object with loggedIn property set to a boolean.
Know that local storage is not secure.

[@TrinhAnhQuan]

@@nadimalaa8961 can you help me code?

[@doneros7218]

Hey Adam, how do you remove a scroll bar?

[@naveen_kumar966]

Use in css
html::-webkit-scrollbar {
display:none;
}

[@kittenpixl]

how do you have Group Chats with this one? and how do you check the chat history from your chat engine pannel

[@kittenpixl]

can you make a version with chat settings?

[@kamisettylokesh3156]

@@kittenpixl You found any answer?
for group chat?

[@zrootyz1172]

Don't you have it in jsx?

[@oussamaknani7753]

this is just front end stuff