Skip to content

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/

Notifications You must be signed in to change notification settings

ahmedayman23455/channels-chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 )


Overview & Goal.

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

Untitled1.mp4

Images.

screen1 Screenshot_2

tablet1 tablet2 mobile1 mobile2 Screenshot_1 Screenshot_8

About

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/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published