https://github.com/bgmanu2426/firechatz
A chat application made using firebase BaaS and Nextjs for frontend
https://github.com/bgmanu2426/firechatz
firebase nextjs reactjs
Last synced: 3 months ago
JSON representation
A chat application made using firebase BaaS and Nextjs for frontend
- Host: GitHub
- URL: https://github.com/bgmanu2426/firechatz
- Owner: bgmanu2426
- Created: 2023-07-17T02:33:37.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-12-22T03:05:24.000Z (over 1 year ago)
- Last Synced: 2025-04-09T00:46:28.670Z (over 1 year ago)
- Topics: firebase, nextjs, reactjs
- Language: JavaScript
- Homepage: https://firechatzz.vercel.app
- Size: 500 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FireChatz 🔥💬
FireChatz is a real-time chat application built with Next.js and Firebase. It allows users to sign up, log in, and chat with each other in real-time.
## Getting Started 🚀
First, clone the repository:
```bash
git clone https://github.com/yourusername/FireChatz.git
cd FireChatz
```
Install the dependencies:
```bash
npm install
```
Run the development server:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Features ✨
- User Authentication (Sign Up, Log In, Log Out)
- Real-time Messaging
- User Blocking
- Emoji Support
- File Attachments
## Firebase Configuration 🔥
The Firebase configuration is located in
firebase.js
. Make sure to replace the placeholder values with your actual Firebase project configuration.
## Components 🧩
-
ChatMenuComponent
-
SearchComponent
-
UsersPopup
-
Home
-
Login
-
UserChatsListComponent
-
ChatInputBarComponent
-
MessagesComponent
-
Signup
-
UserMessageComponent
-
ChatFooterComponent
-
LeftNavComponent
## Contexts 🌐
-
authContext
## Utils 🛠️
-
helpers
## Learn More 📚
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
## Deploy on Vercel 🚀
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
Made with ❤️ by [Manu BG]