Skip to content

Comments

Issue 80 and 81: Art in Game Showcase and Individual Game Pages#138

Open
nicostellar wants to merge 29 commits intomainfrom
issue-81-Art_in_Gameshowcase_GameSerializer_Data
Open

Issue 80 and 81: Art in Game Showcase and Individual Game Pages#138
nicostellar wants to merge 29 commits intomainfrom
issue-81-Art_in_Gameshowcase_GameSerializer_Data

Conversation

@nicostellar
Copy link
Collaborator

Change Summary

This PR incorporates the art showcase into both the games showcase and individual game pages. There is an image carousel on each page that shows several art images. Clicking on an artwork image will navigate to the individual art page.

Back-end

  • Used models from art team to create GameArtSerializer for individual game pages and game showcase.
  • The GameArtSerializer is inside the GameSerializer and GameShowcaseSerializer so the existing API can send the info from the game and art together.

Front-end

  • The GameArtCarousel was created to display the artworks inside the game showcase and individual game pages.
  • The hook useGames.ts was created to take data from GameSerializer for individual games and pass it to the frontend.
  • The data is converted from API shape to UI shape that matches the layout needed for GameArtCarousel and then displays the art.
  • The ratio of game cover image and info box were adjusted to be closer to the Figma at a 4:3 ratio.
  • Contributor info and social media icons were adjusted to match the Figma.
  • Padding was reduced for mobile devices to improve responsive design.

Change Form

  • The pull request title has an issue number
  • The change works by "Smoke testing" or quick testing
  • The change has tests
  • The change has documentation

Related Issues

RadinMan and others added 28 commits February 13, 2026 09:09
…hen GameArtCarousel UI component call for display
… with hover effect, on desktop 4 artwork are displayed, clean coding for easy readability
… issue-81-Art_in_Gameshowcase_GameSerializer_Data

The issue-81-Incorporate_art_into_gameShowcase_page_2 branch is the current working branch.
Testing feedback to make GameSerializer incorporate the art data instead of frontend filter
… issue-8-merge-40 branch) to GameSerializer so that artworks can be grouped and sent when frontend calls for a game
…r and is converted into UiArtwork by transformApiGameToUiGame (used by GameArtCarousel)
…to get all artwork of all games in gameshowcase
…into UiArtworks and normalize media paths into full image urls
…into UiArtworks and normalize media paths into full image urls
…ratio of image to textbox and a scalable gap between the text and contributors. The social icons now align on the right. Mobile layout still needs to be adjusted.
@nicostellar
Copy link
Collaborator Author

Main has been merged into this branch but there are issues with duplicate and missing migration files. Waiting for PR #136 to be approved which restructures the migration files to resolve these issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Incorporate art into game showcase page Incorporate art into individual game pages

2 participants