Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ZeroxyDev/Random-Chat-App
Sesh is a real-time chat application built with NextJS and Socket.io
https://github.com/ZeroxyDev/Random-Chat-App
chat-application nextjs random-chat react socket-io tailwindcss
Last synced: 21 days ago
JSON representation
Sesh is a real-time chat application built with NextJS and Socket.io
- Host: GitHub
- URL: https://github.com/ZeroxyDev/Random-Chat-App
- Owner: ZeroxyDev
- License: mit
- Created: 2023-02-17T16:46:36.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-02-22T03:12:34.000Z (12 months ago)
- Last Synced: 2024-09-27T01:55:15.545Z (4 months ago)
- Topics: chat-application, nextjs, random-chat, react, socket-io, tailwindcss
- Language: JavaScript
- Homepage: https://replit.com/@Seshapp/seshapp
- Size: 583 KB
- Stars: 20
- Watchers: 2
- Forks: 12
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
Sesh | Chat app with rooms & anon talks
Chat with people of your interest or strangers!
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
With this project you will be able to chat with people of your interest, creating or joining chat rooms.
It also has an anonymous chat mode where you can chat completely anonymously.
Characteristics:
* Anonymous chat
* Creation of rooms (also with password)
* Join random chat rooms
I welcome any code improvements, suggestions, or ideas!
Preview of `Sesh`:
### Built With
* [![Next][Next.js]][Next-url]
* [![React][React.js]][React-url]
* [![Tailwind][Tailwind.com]][Tailwind-url]
## Getting Started
### Prerequisites
* npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/zeroxydev/Random-Chat-App.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the project
```sh
npm run dev
```
## Usage
This application does not require special use, you can implement functions, redesign the style... etc, or use it as it is.
## Roadmap
- [x] Add anon chat
- [x] Add rooms
- [x] Add unic tags
- [x] Add verified badge on specific names
- [x] Add responsive design
- [ ] Multi-language Support
- [ ] Spanish
See the [open issues](https://github.com/ZeroxyDev/Random-Chat-App/issues) for a full list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
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
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
ZeroxyDev - [@ZeroxyDev](https://twitter.com/ZeroxyDev)
Project Link: [https://github.com/ZeroxyDev/Random-Chat-App](https://github.com/ZeroxyDev/Random-Chat-App)
## Acknowledgments
* [Choose an Open Source License](https://choosealicense.com)
* [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
* [Malven's Flexbox Cheatsheet](https://flexbox.malven.co/)
* [Malven's Grid Cheatsheet](https://grid.malven.co/)
* [Img Shields](https://shields.io)
* [GitHub Pages](https://pages.github.com)
* [Font Awesome](https://fontawesome.com)
* [React Icons](https://react-icons.github.io/react-icons/search)
[contributors-shield]: https://img.shields.io/github/contributors/ZeroxyDev/Random-Chat-App.svg?style=for-the-badge
[contributors-url]: https://github.com/ZeroxyDev/Random-Chat-App/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/ZeroxyDev/Random-Chat-App.svg?style=for-the-badge
[forks-url]: https://github.com/ZeroxyDev/Random-Chat-App/network/members
[stars-shield]: https://img.shields.io/github/stars/ZeroxyDev/Random-Chat-App.svg?style=for-the-badge
[stars-url]: https://github.com/ZeroxyDev/Random-Chat-App/stargazers
[issues-shield]: https://img.shields.io/github/issues/ZeroxyDev/Random-Chat-App.svg?style=for-the-badge
[issues-url]: https://github.com/ZeroxyDev/Random-Chat-App/issues
[license-shield]: https://img.shields.io/github/license/ZeroxyDev/Random-Chat-App.svg?style=for-the-badge
[license-url]: https://github.com/ZeroxyDev/Random-Chat-App/blob/main/LICENSE.md
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/zeroxydev
[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[Angular-url]: https://angular.io/
[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[Svelte-url]: https://svelte.dev/
[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[Laravel-url]: https://laravel.com
[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[Tailwind.com]: https://img.shields.io/badge/Tailwind-ffffff?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8
[Tailwind-url]: https://tailwindcss.com/
[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[JQuery-url]: https://jquery.com