Skip to content

Latest commit

 

History

History
49 lines (36 loc) · 1.93 KB

README.md

File metadata and controls

49 lines (36 loc) · 1.93 KB
Raw

Realtime Private Chat App -Let's-Chat-APP

This project is a basic chat application built using React, SaSS, and Firebase. It provides users with a platform for real-time communication in a private setting. Leveraging Firebase's real-time database capabilities, users can seamlessly exchange messages with each other, creating a dynamic and interactive chatting experience.

Features:

  • Real-time Messaging: Instantaneous message delivery with Firebase's real-time database.
  • Private Chatrooms: Create secure chatrooms and invite others for exclusive conversations.
  • Responsive Design: Consistent experience across various devices and screen sizes.
  • SaSS Styling: Easy customization and maintenance of stylesheets.
  • User Authentication: Secure access with email/password and social media login options.
  • User Profiles: Customize display names and avatars for a personal touch.
  • Message History: Access previous messages even after refreshing or logging out.
  • Technologies Used: React for UI, SaSS for styling, and Firebase for real-time databases and authentication.

How to Use:

Clone the repository to your local machine.
Install dependencies using npm install.
Set up Firebase project and configure Firebase SDK with your credentials.
Run the application using npm start.
Access the application in your web browser.

Setup .env

REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
REACT_APP_FIREBASE_APP_ID=

What I learned?

  1. How to use SCSS.
  2. Learned Firebase basics
  3. Learned basis of react, as it is one of my first projects where I used ReactJs

Contributions:

Contributions are welcome! If you have any ideas for improvements, new features, or bug fixes, feel free to open an issue or submit a pull request.

Feel free to customize this description to better fit your project's specific features and goals.