ahmedayman23455/channels-chat-app

channels-chat-app is a functional, responsive Website created with React ,Firebase ,react-firebase-hooks./exist photos and video for the website /Watch the website(live) : https://channels-chat-app.web.app/

channels-chat-app is a functional, responsive Website created with React ,Firebase , Firebase Hooks

Watch the website (live demo): https://channels-chat-app.web.app/

⚙ STACK.

( 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 )

• From Dribbble > https://dribbble.com/shots/15568094/attachments/7352252?mode=media

---

Overview & Goal.

• Users can log in by email of google.
• users can create channels and chat together inside them.

---

Untitled1.mp4

Images.