Update Page Layout and Add Features for Improved User Experience - Githubissues

tridecco / game-client-web

Tridecco Game Client is a frontend application designed to support Tridecco games. It provides user interface rendering, user interaction handling, dynamic content loading, and communication with the backend server.

https://play.tridecco.com

GNU Affero General Public License v3.0

1 stars 0 forks source link

Update Page Layout and Add Features for Improved User Experience #47

Closed TKanX closed 2 weeks ago

TKanX commented 2 weeks ago

Description:

Update page layout and navigation, add remove help/support from navigation bar, and enhance game mode options.

Requirements:

[x] Rearrange the primary navigation tabs as follows: Start Game, Play Now, Leaderboard, Help/Support.
[x] Temporarily remove the Help/Support page from navigation bar.
[x] Update the Start Game (previous Invite/Join) tab to offer two game modes: Single Round (2, 3, 4 Players), Multiple Rounds (2, 3, 4 Players/Rounds).
[x] Make the "Tridecco" logo in the upper-left corner of the navigation bar a clickable link, directing to www.tridecco.com.

TKanX commented 2 weeks ago

Implemented Single-Round Modes for 2, 3, and 4 Players and UI Enhancements

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

Implemented the game logic for single-round modes for 2, 3, and 4 players.
Optimized the UI to include a toggle switch for selecting between single-round and multi-round modes.
Enhanced the rooms.ejs and home.ejs files to support the new game modes and toggle functionality.
Updated the GameUI classes to handle the new game modes and UI interactions.

These changes provide new game modes and improve the user experience by offering a dynamic and interactive interface for selecting game modes.

TKanX commented 2 weeks ago

Moved Custom Rooms to Home Page and Matchmaking to Play Now Page

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

Moved the custom room creation and joining functionality to the home page.
Relocated the matchmaking functionality from the home page to a new "Play Now" page.
Updated the routes to reflect these changes:
- The home route ("/") now renders the custom room functionality.
- The play route ("/play") now renders the matchmaking functionality.
Updated the navigation bar to include the new "Play Now" link and ensure correct highlighting of the current page.
Modified main-header.ejs to reflect the updated navigation structure.
Adjusted the index.js routes file to handle the new page structure and routing.

These changes improve the user experience by clearly separating custom room creation and matchmaking into distinct pages.

TKanX commented 2 weeks ago

Removed Help/Support page from navigation bar

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

Removed the Help/Support link from the navigation bar in main-header.ejs.
The Help/Support page is currently not available, so the link has been removed to avoid confusion.

This change cleans up the navigation bar by removing links to non-existent pages, improving the user experience.

TKanX commented 2 weeks ago

Added hyperlink to website logo

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

Added a hyperlink to the website logo in main-header.ejs.
The logo now links to the homepage (https://tridecco.com).

TKanX commented 2 weeks ago

Ensured error message is displayed when connection fails

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

Added logic to remove the "hidden" class from the room list container when a connection error occurs.
This change ensures that the error message is correctly displayed when there is a connection failure.

This fix improves the user experience by providing clear feedback when a connection error occurs.