Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/suyious/purrr.frontend
Frontend for Purrr - Chat Application that connects randomly among online users
https://github.com/suyious/purrr.frontend
chat nextjs omegle react socket-io
Last synced: 8 days ago
JSON representation
Frontend for Purrr - Chat Application that connects randomly among online users
- Host: GitHub
- URL: https://github.com/suyious/purrr.frontend
- Owner: Suyious
- Created: 2024-09-20T15:02:02.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2025-01-05T10:49:26.000Z (11 days ago)
- Last Synced: 2025-01-05T11:28:00.488Z (11 days ago)
- Topics: chat, nextjs, omegle, react, socket-io
- Language: TypeScript
- Homepage: https://purrr.chat
- Size: 2.57 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Purrr.chat (Frontend) 🐾
Welcome to **Purrr.chat**, the place where random chats happen, and friendships (or fun conversations) are just a click away! Whether you want to share a thought or an image, Purrr.chat lets you connect with another online user for a random chat experience.
## What’s Purrr.chat all about? 😺
- **Random Pairing**: You never know who you’ll meet! Get paired up with someone random and start chatting instantly.
- **Text & Image Fun**: Got a cool meme or a selfie? Share images during the chat along with your messages.
- **Real-Time Messaging**: We’re all about speed! Your messages appear in real-time, so no one’s waiting around.
- **Super Easy to Use**: Built with Next.js, this thing is smooth, fast, and modern. It just works (and looks good doing it)!
- **Tailwind Magic**: Our design is sleek and responsive, whether you're chatting on your laptop or your phone.
## Technologies Used ⚙️
Okay, techy folks, here’s what’s under the hood:
- **Next.js**: v14.2.12 – Fast, scalable, and perfect for our frontend needs.
- **React**: ^18 – Making UI updates smooth as butter.
- **WebSockets**: Powered by `socket.io-client` (v4.7.5) for real-time messaging.
- **Tailwind CSS**: Makes the UI look amazing without breaking a sweat.
- **TypeScript**: Because typing makes everything safer and better!
## How to Get Started 🛠️
1. **Clone the repo** and grab a cup of coffee (or tea, we don’t judge):
```bash
git clone https://github.com/suyious/purrr.frontend.git
cd purrr-frontend
```
2. **Install the magic beans** (aka dependencies):
```bash
npm install
```
3. **Launch the fun**:
```bash
npm run dev
```
4. **Open your browser and start chatting**:
```
http://localhost:3000
```
## Want to Help Make Purrr.chat Purrfect? 🐾
We love contributions! Want to add a feature, fix a bug, or just make things even cooler? We’re all ears!
### How to Contribute:
1. **Fork it!** Clone your own version of the repo and tinker away.
2. **Branch out** with your changes. Be creative, we’re open to cool ideas!
3. **Submit a pull request** and wait for the magic to happen (aka, a review from us).
4. **Enjoy** the knowledge that you’ve helped make Purrr.chat even more awesome. 🥳
Oh, and don’t forget to check out the open issues—there’s always something fun to work on.
## Other Cool Stuff 😎
- **Backend Magic**: All the techy stuff happens [here](https://github.com/suyious/purrr.backend).
## License 📝
ISC License. Feel free to play around with the code—just give us a little nod when you do. 😊