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

Technology 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

Run on localhost

npm run dev

Usage

For using this project, follow these steps:

Step 1 Step 2

Screenshots

Here are some screenshots that illustrate the application in action:

Screenshot 1 Screenshot 2 Screenshot 3

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.

License

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

Contact

Aziz Najjar - njourawebdev@gmail.com Project Link: https://github.com/Njoura7/pingMeetPong-frontend