This project is clone coding for discord by using react, redux and firebase.
npx create-react-app my-app --template redux: This command is creating react app as the name of my-app. It has the template of redux so that I could use reducer easily.
I made login page using the discord logo, and firebase auth. As I enabled login with google account, users can login easily with their google account.
When the user click sign in button,
When the user logged in with his/her proper account, it will show the main page containing sidebar and chat.
I used display flex and some css styling methods, so that it looks similar to discord.
When the user enter a message on input box and push the enter button, the message will be sent to firestore by using reducer.
It was very easy to deploy by using firebase.
firebase init: Initializing firebase hosting server. I built my app in build folder, the addess should be build folder.
npm run build: Build the project in designated folder.
firebase deploy: Deploy the app.
The below is the link to my discord clone project.
https://discord-clone-b40ec.web.app/
*Please make sure that you logout by clicking the setting button