Skip to content

rajanjha9235/chat-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Chat App

This is a real-time chat application built using React, Firebase, react-toastify, and Zustand for store management.

Features

  • Real-time messaging
  • User authentication with Firebase
  • Notifications with react-toastify
  • State management with Zustand

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Firebase: A platform developed by Google for creating mobile and web applications.
    • Firestore: For storing chat messages.
    • Firebase Authentication: For user authentication.
  • react-toastify: For providing notifications.
  • Zustand: A small, fast, and scalable bearbones state-management solution.

Screenshots

  1. First Page of the app where users can Login to their existing account. They can sign Up also with new Account.

image

Installation

  1. Clone the repository:

    git clone https://github.com/rajanjha9235/chat-app-react.git
    cd chat-app-react
    
  2. Install dependencies:

    npm install
  3. Set up Firebase:

    • Create a Firebase project in the Firebase Console.
    • Add your Firebase configuration to the project.
  4. Run the application:

    npm run dev

Usage

  1. Register or log in to the application.
  2. Start chatting with other users in real-time.
  3. Receive notifications for new messages.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or new features.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

  • React
  • Firebase
  • react-toastify
  • Zustand

Developed by Rajan Jha

Feel free to modify it to better suit your project's details and specific requirements!