Implement User Profile and Match History Viewing for Other Users

[TKanX]

Description:

Implement a feature that allows users to view the profiles and match histories of other users, including the ability to replay their matches based on recorded actions.

Requirements:

• [x] 1. User Profile Viewing:
  • Users can search for and view profiles of other users.
• [x] 2. Match History:
  • Display a list of matches played by the viewed user.
  • Provide an option to replay a selected match from the viewed user's history.

Acceptance Criteria:

• Users can search for and access other user profiles.
• User profiles are displayed in a clear and informative format.
• Match history entries of other users are displayed in a user-friendly format.
• Users can select a match from another user's history and initiate a replay.
• The replay feature accurately reflects the sequence of actions taken during the match.
• The interface should be intuitive and responsive.

[TKanX]

Added user profile page

https://github.com/tridecco/game-client-web/commit/3f4b46e874852147be9ebadf7b72e77d6d281a09

• Created a user profile page template with basic HTML and CSS styling.
• Added a new route to render the user profile page based on the username.

[TKanX]

Added Users class for fetching user data

https://github.com/tridecco/game-client-web/commit/e0b1aa563b2927d4afa4a82e23934b07b89dca07

• Created a Users class to handle user-related operations.
• Implemented a constructor to initialize with the username.
• Added a method getUserData to fetch and return user data from the server.

[TKanX]

Corrected URL for fetching user data

https://github.com/tridecco/game-client-web/commit/0a94334eaf6feb145fcb062d11383d1517386fbf

• Updated the URL in the Users class to include username in the endpoint path.
• Fixed URL from ${app.serverUrl}/users/${this.username} to ${app.serverUrl}/users/username/${this.username}.

[TKanX]

Fixed error handling in getUserData method of Users class

https://github.com/tridecco/game-client-web/commit/d9744f91a0ac92606ceb056f93675f736763089f

• Updated getUserData to handle errors more effectively.
• Added checks for response status and message.
• Throws errors with descriptive messages for easier debugging.

[TKanX]

Enhanced user profile page with JavaScript functionality

https://github.com/tridecco/game-client-web/commit/a0277071978356198a4291bce39b9287b3e883f3

• Added a users.js script to handle dynamic user data loading and display on the profile page.
• Displayed user profile information including avatar, username, email, gender, and other personal details.
• Implemented dynamic display of custom URLs and bio if available.
• Redirected users to a 404 page if user data retrieval fails.