Overview:

The F.R.I.E.N.D.S chatroom is a web application created using Next.js and Firebase. It allows users to chat with other users, either through a guest account or by logging in with their Google credentials or email and password. The application provides features such as authentication, individual and group chatrooms, and a responsive user interface for both desktop and mobile devices.

Features:

• Authentication with Firebase: Users can authenticate themselves using their Google credentials or by providing their email and password.
• Guest Login and Account: Users can also access the chatrooms as guests, without the need for authentication.
• Chat with a Single Person: Users can start a chat with another user by adding their email.
• Chatroom with Multiple People: Users can join and participate in group chatrooms with multiple people.
• Sidebar Chat Navigation: The application provides a sidebar navigation feature that allows users to easily navigate between different chatrooms.
• Responsive UI: The user interface of the application is responsive and adapts to both desktop and mobile devices.
• Loading Spinners: The application utilizes loading spinners to indicate backend processes and provide feedback to the user.

Installation:

To install and run the F.R.I.E.N.D.S chatroom application:

1. Change the firebase config file to connect to your own Firebase app.

// ./firebase.js

const firebaseConfig = {
  // Add your Firebase config details here
};

export default firebaseConfig;

2. Run the client:

npm install
npm run dev

Summary:

The F.R.I.E.N.D.S chatroom application is a Next.js and Firebase-based web application that allows users to chat with each other. It provides features such as authentication, individual and group chatrooms, responsive user interface, and loading spinners. By following the installation guide, users can easily set up and run the application on their local machine.