🐼 PandaChat

🚀 A modern real-time chat application that brings people together with style!

Report Bug · Request Feature

✨ Features

🔥 Real-time Chat

• Instant message delivery
• Typing indicators
• Online/offline status
• Read receipts

🎨 Modern UI/UX

• Sleek, responsive design
• Custom emojis and reactions
• File sharing support

🛡️ Security & Privacy

• End-to-end encryption
• User authentication
• Private channels
• Message deletion

🔧 Technical Features

• Built with React + Vite for lightning-fast performance
• TypeScript for type safety
• Tailwind CSS for modern styling
• Firebase backend for scalability
• Real-time updates with Firebase Realtime Database

🚀 Quick Start

Prerequisites

• Node.js (v14 or higher)
• npm or bun package manager
• Firebase account

Installation

1️⃣ Clone the repository:

git clone https://github.com/Razee4315/pandachat.git
cd pandachat

2️⃣ Install dependencies:

npm install
# or if using bun
bun install

3️⃣ Set up environment variables:

• Copy .env.example to .env
• Fill in your Firebase configuration values

4️⃣ Start the development server:

npm run dev
# or
bun run dev

🔧 Environment Setup

Create a .env file with these variables:

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_domain
VITE_FIREBASE_DATABASE_URL=your_database_url
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_id

🏗️ Tech Stack

• Frontend: React, TypeScript, Tailwind CSS
• UI Components: shadcn/ui
• Backend: Firebase
• Build Tool: Vite
• Package Manager: Bun/npm

🤝 Contributing

We love your input! We want to make contributing to PandaChat as easy and transparent as possible. Check out our Contributing Guide to get started.

1. Fork it (https://github.com/Razee4315/pandachat/fork)
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

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

🔒 Security

• Never commit sensitive information like API keys
• Use environment variables for secrets
• Report security vulnerabilities via GitHub issues

👨‍💻 Author

Saqlain

• GitHub: @Razee4315
• Email: [email protected]

📝 Contact

Have questions? Feel free to reach out:

• Email: [email protected]
• GitHub Issues: Create an issue
• Discussions: Join the conversation

🌟 Show your support

Give a ⭐️ if this project helped you!