Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rdrudra99/linkstack-chat-real-time-connections-made-easy-
LinkStack Chat App is a vibrant chat platform that lets you connect in real-time with friends using user authentication, customizable chat rooms, and message history! 🎉🔥👤
https://github.com/rdrudra99/linkstack-chat-real-time-connections-made-easy-
firebase-auth firebase-database nextjs14 tailwind-css
Last synced: 9 days ago
JSON representation
LinkStack Chat App is a vibrant chat platform that lets you connect in real-time with friends using user authentication, customizable chat rooms, and message history! 🎉🔥👤
- Host: GitHub
- URL: https://github.com/rdrudra99/linkstack-chat-real-time-connections-made-easy-
- Owner: Rdrudra99
- Created: 2023-06-16T12:03:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-06-17T05:31:52.000Z (over 1 year ago)
- Last Synced: 2024-11-11T07:09:41.122Z (9 days ago)
- Topics: firebase-auth, firebase-database, nextjs14, tailwind-css
- Language: JavaScript
- Homepage: https://chatstack.vercel.app
- Size: 148 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Link Stack Chat App
A full-stack chat application built with Next.js, Tailwind CSS, and Firebase Firestore. This project was developed as part of a college assignment and aims to provide a user-friendly and colorful chat experience.
## Features
- Real-time chat functionality
- User authentication
- Multiple chat rooms
- User presence indicator
- Message history
- User profile management
## Demo
Check out the live demo of the application [here](https://your-demo-link.com).
## Screenshots
## Technologies Used
- [Next.js](https://nextjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Firebase Firestore](https://firebase.google.com/docs/firestore)
## Installation
1. Clone the repository: `git clone https://github.com/Rdrudra99/LinkStackChatApp`
2. Navigate to the project directory: `cd LinkStackChatApp`
3. Install the dependencies: `npm install`
4. Set up Firebase Firestore with your Firebase project. Make sure to add the Firebase configuration details to the project.
5. Start the development server: `npm run dev`
6. Open your browser and visit `http://localhost:3000`
## Configuration
To configure the Firebase integration, create a `.env.local` file in the project root and add the following environment variables:
```
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-sender-id
NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id
```
## Usage
1. Register a new account or log in with your existing credentials.
2. Select a chat room or create a new one.
3. Start chatting with other users who are online.
4. Customize your profile settings and avatar.
## Contributing
Contributions are welcome! Please follow these guidelines when contributing to the project:
1. Fork the repository.
2. Create a new branch: `git checkout -b feature/your-feature`
3. Commit your changes: `git commit -m "Add your feature"`
4. Push to the branch: `git push origin feature/your-feature`
5. Open a pull request.
## Credits
This project was developed by [Your Name](https://github.com/Rdrudra99).
## License
The project is available under the [MIT License](https://opensource.org/licenses/MIT). Feel free to modify and use the code as per your needs.
## Contact
For any inquiries or questions, please contact [[email protected]](mailto:[email protected]).
---
Enjoy using the College Chat App! Feel free to reach out with any feedback or suggestions.