PingMeetPong Frontend

👋 Introduction

PingMeetPong is a dynamic and engaging platform designed to connect users through interactive gaming experiences. This repository contains the frontend codebase for the PingMeetPong platform.

✨ Features

• ✅ User Authentication
• ✅ Create games
• ✅ Search for players
• User interactions:
  • ✅ send invitations and receive in real time with socket.io
  • ✅ accept/decline invitations
  • creating chat rooms for each game with socket.io
• Enhance user profile:
  • better UI (including Bio)
  • player history
  • recommendations & feedbacks

🛠️ Tech Stack

• React
• TypeScript
• TailwindCSS
• Socket.io

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g

Installation

• Clone the repo

git clone https://github.com/Njoura7/pingMeetPong-frontend.git

Install NPM packages

npm install

We also need to create a cluster for our MongoDB, check the backend repo

Run on localhost

npm run dev

📸Screenshots

Here are some screenshots that illustrate the application in action:

Welcome Page

Search Friends / Create Games

User Profile Interactions & Notifications

The best is yet to come...

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.

🤝 Connect with Me

📫 Contact

• Email: njourawebdev@gmail.com
• Project Link: PingMeetPong Frontend

📜 License

Distributed under the MIT License. See LICENSE for more information.