alicalimli/ac-messenger

A Full Stack Chat Application using React and Firebase

AC Messenger

A Full Stack Chat Application using React and Firebase

App Preview

ACMessenger-Preview.27.40.mp4

Features

• Group Chats
• Google Sign In
• Sending Images
• Profile Editing
• View Other Users Profile
• Show Unread Messages Count
• Edit / Delete Messages
• Light / Dark mode toggler

Setup Firebase Project

• Create Firebase Project
• Enable Authentication ( Email and Google Auth )
• Enable Firestore DB and Storage
• Create Collections ( users, userChats, chats, globalChats )

Installation Process

Step 1: Clone Repository and Install Packages.

  git clone https://github.com/alicalimli/ac-messenger && cd ac-messenger && npm install

Step 2: Create firebaseConfig.ts file inside src/setup/firebase directory.

// firebaseConfig.ts
export const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: "",
};

Step 3: Start the development server.

  npm start

Support

You can support this project by leaving a star, Thank you 😁

Authors

• @alicalimli

ac-messenger's Issues

Couldn't remove a contact after adding. There's no reset password either.

add crud operations for the user profile too.

Amazing

Nice Project Ali,
This has to be an issue but I'll change the role today haha...
KEEP GOING ALI 🚀🚀✌️

Exposed Firebase API Key

Dockerize this application.

I'd like to suggest Dockerizing this application to improve deployment and maintainability.

[FEATURE] README.md

Provision of a readme file to help new contributions share there ideas and also give the project a preview of what is all about.

Firebase set up

i tried doing this but i have problems with the firebase can u help me with it please