Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/makstyle119/anonymous-chat
https://github.com/makstyle119/anonymous-chat
Last synced: 13 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/makstyle119/anonymous-chat
- Owner: makstyle119
- Created: 2024-11-24T20:02:40.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-28T14:57:27.000Z (29 days ago)
- Last Synced: 2024-11-28T15:24:48.785Z (29 days ago)
- Language: TypeScript
- Homepage: https://anonymous-chat-delta.vercel.app
- Size: 212 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Anonymous Chat
A minimalistic, privacy-focused Next.js application enabling quick, anonymous chats with a **15-minute limit** for messages. This project emphasizes simplicity, security, and user anonymity with no login or tracking required.
---
## Features
- **Anonymous Messaging:** Send and receive messages instantly without creating an account.
- **Time-Limited Chats:** Messages automatically disappear after 15 minutes for enhanced privacy.
- **Responsive Design:** Fully optimized for both mobile and desktop users.
- **Modern Stack:** Built using Next.js, Tailwind CSS, and Firebase for real-time functionality.
---
## Live Demo
Check out the application here: [Anonymous Chat](https://anonymous-chat-mak-writing-house.vercel.app/)
---
## Folder Structure
Here’s a clean and scalable folder structure for the project:
```
📂 project-root
├── 📂 public/ // Public assets (favicon, logos, etc.)
├── 📂 src/
│ ├── 📂 app/ // Next.js pages (Home, About, etc.)
│ ├── 📂 components/ // Reusable UI components (Header, Footer, etc.)
│ └── 📂 utils/ // Utility functions (formatting, etc.)
├── .env.local // Environment variables (Firebase config, etc.)
├── package.json // Project dependencies
├── next.config.js // Next.js configuration
└── tailwind.config.js // Tailwind CSS configuration
```
---
## Technical Details
### Frontend
- **Framework:** Next.js
- **Styling:** Tailwind CSS
- **State Management:** React `useState` and Firebase real-time listeners
### Backend
- **Database:** Firebase Firestore (Real-time Database)
### Deployment
- **Hosting:** Vercel for frontend hosting and testing.
- **Scalability:** Firebase handles scalability for the backend seamlessly.
---
## Installation
1. **Clone the repository:**
```
bash
git clone https://github.com/your-username/anonymous-chat.git
cd anonymous-chat
```
2. **Install dependencies:**
```
npm install
```
3. **Set up environment variables:**
Create a `.env.local` file with the following variables (replace placeholders with your Firebase project details):
```
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
```
4. **Run the development server:**
```
npm run dev
```
Open your browser at `http://localhost:3000`.
---
## Contributing
Contributions are welcome!\
Feel free to open an issue or submit a pull request. For major changes, discuss them with the maintainers first.
---
## Contact
For queries or feedback, reach out to us:
- **Support Email**: [[email protected]](mailto:[email protected])