Star Message App

Table of Contents

• About
• Features
• Technologies Used
• Getting Started
  • Installation
  • Running the App
• Project Structure
• Screenshots
• Contact

About

This is real-time chat application. It allows users to message Eatch Outher. This application also includes user authentication.Here use Firebase Storage and FireStore Database.

Features

• Real time chat
• Image send, emoji send
• User block and unblock
• User Authentication (Sign Up, Login, Logout)

Technologies Used

• Frontend: React.js, Emoji picker react
• Backend: FireStore Database
• Database:Firebase Storage
• State management:zustand
• Styling: Raw Css
• PopUp: React toastify
• Authentication: Firebase

Getting Started

Installation

To get started with this project, clone the repository and install the dependencies:

https://github.com/Mirza2018/star-message-app.git
cd star-message-app
npm install

Running the App

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Project Structure

star-message-app/
├── public/
├── src/
│   ├── assets/              # Images, icons, etc.
│   ├── component/           # All components 
│   ├── library/             # firebase & hooks
│   └── app.jsx              # Main App component
├── .env                     # Environment variables
├── index.html         
├── README.md       
└── package.json

Screenshots

Running the App

Contact

• Name: Takibul Hasan.
• Email: web.takib@gmail.com
• GitHub: Mirza2028
• LinkedIn: Takibul Hasan.
• Facebook: Takibul Hasan.