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):

   git clone https://github.com/suyious/purrr.frontend.git
   cd purrr-frontend

2. Install the magic beans (aka dependencies):

   npm install

3. Launch the fun:

   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.

License 📝

ISC License. Feel free to play around with the code—just give us a little nod when you do. 😊