This repository contains the front-end code for a Ping Pong game single-page web application. The game is built using React for the frontend framework, Vite.js for the build tooling, and Tailwind CSS for styling. The user interface design was crafted using Figma.
- Ping Pong Game: Enjoy a classic Ping Pong game experience right in your browser.
- Responsive Design: The application is designed to work seamlessly across various screen sizes and devices.
- Customizable Styling: Tailwind CSS allows for easy customization and theming to suit your preferences.
This project encompasses various features to enhance your gaming experience and foster community interaction. Here's an overview of what you can expect:
- Main Features: Access essential features such as viewing the last messages, accessing your profile details, and reviewing your game history.
- Start Game: Initiate a game either randomly or challenge a friend directly from the dashboard.
- User Name and Avatar: Customize your profile by changing your user name and avatar.
- Explore Users' Profiles: Use the search bar to discover and browse through other users' profiles.
- Challenge Invitation: Challenge other users to games directly from their profiles, adding an exciting competitive element to your gaming experience.
- Send Friend Request: Connect with other users by sending them friend requests directly from their profiles.
- Direct Messages (DMs): Engage in private conversations with other users.
- Channels: Join or create chat channels to discuss various topics with the community. Channels can be private, protected, or public, offering different levels of access and security.
- Game Settings: Customize your game experience by selecting backgrounds, paddles, and ball styles.
- Game History: Track your total game history to monitor your progress and performance.
- Ranking: View the rankings of all users to see how you stack up against the competition.
- Two-Factor Authentication (2FA): Enable or disable 2FA for enhanced security.
- Friend Requests: Receive notifications for incoming friend requests.
- Game Invitations: Get notified when you receive game invitations from other users.
Contributions to this project are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.