Watch the website (live demo): https://channels-chat-app.web.app/
( Styling )
- Using styled components.
- Dark theme with styled components.
( Routing )
- Routing with React Router.
( Firebase & Firestore )
-
Use Firebase to build full stack application.
-
react-firebase-hooks
-
Sign-In workflow with Firebase.
-
Google Authentification.
-
Authentication State Persistence
-
Storing Channels and messages of users In FireStore.
( Material UI )
- use components of material ui
( Design )
- Users can log in by email of google.
- users can create channels and chat together inside them.