Fireverse

Theme by Napthedev

|

Updated: 6 May 2025

|

448 Stars

A chat app made with react, typescript, firebase, tailwind

Categories

Overview:

FireVerse is a full-featured messenger clone developed using React and Firebase. It offers a range of functionalities for users to create conversations, send various types of messages, interact with media, and customize settings. The project incorporates technologies like React, TypeScript, Tailwind CSS, and Firebase services such as authentication, Firestore, and storage.

Features:

• Sign in with Google, Facebook
• Create conversations (personal, group)
• Allow sending text, image, file, stickers, GIFs, and emojis
• Show if user has seen message
• Drop file to upload, paste image from clipboard
• Send reactions to messages (like, love, care, haha, wow, sad, angry)
• Unsent message, reply message
• Change conversation settings, group theme, image, and theme
• View conversation images, files; detect and add anchor to links

Installation:

To install FireVerse, follow these steps:

1. Clone the project.
2. Run npm install.
3. Create your own Firebase project.
4. Enable authentication with Google and Facebook.
5. Enable Cloud Firestore and Firebase storage.
6. Create a Giphy developer account.
7. Set up your .env file.

Summary:

FireVerse is a robust messenger clone that leverages React and Firebase technologies to provide a comprehensive messaging experience. With support for various message types, user interactions, and customization options, it offers a feature-rich platform for communication. Users can easily set up the project by following the installation guide and exploring the extensive functionality it offers. If you are looking for a versatile messaging solution, FireVerse is worth checking out and supporting by giving it a star and sharing it with others.