Add Showcase section to README and website by Copilot · Pull Request #235 · RazorConsole/RazorConsole

Copilot · 2025-12-03T06:38:05Z

Original prompt

This section details on the original issue you should resolve

<issue_title>Add a Showcase section in both README and website</issue_title>
<issue_description>A Showcase section to show projects that uses RazorConsole</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes Add a Showcase section in both README and website #234

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

github-actions · 2025-12-03T16:57:29Z

🚀 Preview Deployment

A preview build has been generated for this PR from CI run #19970436505!

Download the artifact:
website-preview-235-252885a00e7c61c85ed6135d29f130f2c8b44ca1

To view the preview locally:

Download the artifact from the CI workflow run
Extract the ZIP file
Serve the files with a local web server
(e.g., npx serve dist)

🌐 Live Preview URL: https://d2e1183c.razorconsole.pages.dev

The live preview will be automatically updated when you push new
commits to this PR.

LittleLittleCloud · 2025-12-03T18:17:14Z

@copilot Add this project

https://github.com/Skuzzle-UK/Waves

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot · 2025-12-03T18:23:02Z

@copilot Add this project

https://github.com/Skuzzle-UK/Waves

Added Waves to the Showcase section in commit 2fe45a8.

LittleLittleCloud · 2025-12-03T19:19:51Z

@copilot In website, add an img for wave. You can find it in wave repo

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot · 2025-12-03T19:27:39Z

@copilot In website, add an img for wave. You can find it in wave repo

Added the cover image from the Waves repo in commit 3128bbc.

LittleLittleCloud · 2025-12-03T20:11:24Z

website/src/pages/Showcase.tsx

+        {showcaseProjects.length > 0 ? (
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
+            {showcaseProjects.map((project) => (
+              <Card key={project.name} className="flex flex-col">


Make the entire card clickable - click on card, jump to url

LittleLittleCloud · 2025-12-03T20:12:22Z

website/src/pages/Showcase.tsx

+          </div>
+        )}
+
+        <div className="mt-16 text-center">


Make it compact and place it right next to the Showcase header

LittleLittleCloud

@copilot fix comment

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot · 2025-12-03T20:18:07Z

@copilot fix comment

Fixed in commit baa9d7c:

Made entire card clickable to navigate to project URL
Moved "Add Your Project" button next to the Showcase header

LittleLittleCloud · 2025-12-03T20:48:16Z

website/src/pages/Showcase.tsx

+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Button size="sm" className="gap-2">


Remove Add Your project

LittleLittleCloud · 2025-12-03T20:48:34Z

website/src/pages/Showcase.tsx

+                  className="block transition-transform hover:scale-[1.02]"
+                >
+                  <Card className="flex flex-col h-full cursor-pointer hover:shadow-lg transition-shadow">
+                    {project.image && (


Support images banner

LittleLittleCloud · 2025-12-03T20:48:56Z

website/src/data/showcase.ts

+    name: "Waves",
+    description: "GitHub Game Off 2025 entry - A console game built with RazorConsole.",
+    github: "Skuzzle-UK/Waves",
+    image: "https://raw.githubusercontent.com/Skuzzle-UK/Waves/main/coverimage.png",


replace it with images, allows mulitple images

LittleLittleCloud · 2025-12-03T23:30:14Z

website/src/data/showcase.ts

+    name: "Waves",
+    description: "GitHub Game Off 2025 entry - A console game built with RazorConsole.",
+    github: "Skuzzle-UK/Waves",
+    images: [


rename it to imageUrls

LittleLittleCloud · 2025-12-03T23:30:52Z

website/src/pages/Showcase.tsx

+  }
+
+  return (
+    <div className="relative h-48 overflow-hidden rounded-t-lg group">


image too small, make it larger

LittleLittleCloud

@copilot fix comments

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot · 2025-12-03T23:36:03Z

@copilot fix comments

Fixed in commit f21845f:

Renamed images to imageUrls in the interface and data
Increased image banner height from h-48 to h-72 for larger images

LittleLittleCloud · 2025-12-04T00:39:03Z

website/src/pages/Showcase.tsx

+  }
+
+  return (
+    <div className="relative h-72 overflow-hidden rounded-t-lg group">


@copilot make it wider

Made the cards wider in commit 318bc4f:

Changed grid from 3-column to 2-column layout

Increased max width from max-w-5xl to max-w-6xl

Increased gap between cards from gap-6 to gap-8

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Signed-off-by: Xiaoyun Zhang <bigmiao.zhang@gmail.com>

LittleLittleCloud · 2025-12-05T17:10:02Z

@copilot Fix website build error

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot · 2025-12-05T17:14:45Z

@copilot Fix website build error

Fixed in commit 252885a. The build was failing due to duplicate imports in App.tsx that were introduced during the merge with main. Removed the duplicate useThemeEffect and ScrollToTop imports.

Initial plan

b974962

Copilot AI assigned Copilot and LittleLittleCloud Dec 3, 2025

Copilot started work on behalf of LittleLittleCloud December 3, 2025 06:38 View session

Add Showcase section to README and website

cf3c149

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot AI changed the title ~~[WIP] Add a Showcase section in README and website~~ Add Showcase section to README and website Dec 3, 2025

Copilot finished work on behalf of LittleLittleCloud December 3, 2025 06:49

Copilot AI requested a review from LittleLittleCloud December 3, 2025 06:49

Copilot started work on behalf of LittleLittleCloud December 3, 2025 18:17 View session

Add Waves project to Showcase section

2fe45a8

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot finished work on behalf of LittleLittleCloud December 3, 2025 18:24

Copilot started work on behalf of LittleLittleCloud December 3, 2025 19:20 View session

Add cover image for Waves project in Showcase

3128bbc

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot finished work on behalf of LittleLittleCloud December 3, 2025 19:29

LittleLittleCloud reviewed Dec 3, 2025

View reviewed changes

Copilot started work on behalf of LittleLittleCloud December 3, 2025 20:13 View session

Make cards clickable and move Add Your Project button next to header

baa9d7c

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot AI requested a review from LittleLittleCloud December 3, 2025 20:20

Copilot finished work on behalf of LittleLittleCloud December 3, 2025 20:20

LittleLittleCloud reviewed Dec 3, 2025

View reviewed changes

Copilot AI requested a review from LittleLittleCloud December 3, 2025 20:57

Copilot finished work on behalf of LittleLittleCloud December 3, 2025 20:57

LittleLittleCloud reviewed Dec 3, 2025

View reviewed changes

Copilot started work on behalf of LittleLittleCloud December 3, 2025 23:31 View session

Rename images to imageUrls and increase image banner height

f21845f

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot AI requested a review from LittleLittleCloud December 3, 2025 23:37

Copilot finished work on behalf of LittleLittleCloud December 3, 2025 23:37

Merge branch 'main' into copilot/add-showcase-section-readme-website

d3b80d3

LittleLittleCloud reviewed Dec 4, 2025

View reviewed changes

Copilot started work on behalf of LittleLittleCloud December 4, 2025 00:39 View session

Make showcase cards wider with 2-column layout and increased max width

318bc4f

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot AI requested a review from LittleLittleCloud December 4, 2025 00:45

Copilot finished work on behalf of LittleLittleCloud December 4, 2025 00:45

LittleLittleCloud approved these changes Dec 4, 2025

View reviewed changes

LittleLittleCloud marked this pull request as ready for review December 4, 2025 16:34

TeseySTD previously approved these changes Dec 5, 2025

View reviewed changes

Merge branch 'main' into copilot/add-showcase-section-readme-website

6eb124d

Signed-off-by: Xiaoyun Zhang <bigmiao.zhang@gmail.com>

LittleLittleCloud dismissed TeseySTD’s stale review via 6eb124d December 5, 2025 17:06

Copilot started work on behalf of LittleLittleCloud December 5, 2025 17:10 View session

Fix duplicate imports in App.tsx causing build error

252885a

Co-authored-by: LittleLittleCloud <16876986+LittleLittleCloud@users.noreply.github.com>

Copilot finished work on behalf of LittleLittleCloud December 5, 2025 17:16

Copilot AI requested a review from LittleLittleCloud December 5, 2025 17:16

LittleLittleCloud merged commit 4b388fd into main Dec 5, 2025
12 checks passed

LittleLittleCloud deleted the copilot/add-showcase-section-readme-website branch December 5, 2025 17:42

github-actions bot added this to the v0.2.2 milestone Dec 5, 2025

Conversation

Copilot AI commented Dec 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Comments on the Issue (you are @copilot in this section)

Uh oh!

github-actions bot commented Dec 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🚀 Preview Deployment

Uh oh!

LittleLittleCloud commented Dec 3, 2025

Uh oh!

Copilot AI commented Dec 3, 2025

Uh oh!

LittleLittleCloud commented Dec 3, 2025

Uh oh!

Copilot AI commented Dec 3, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

LittleLittleCloud left a comment

Choose a reason for hiding this comment

Uh oh!

Copilot AI commented Dec 3, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

LittleLittleCloud left a comment

Choose a reason for hiding this comment

Uh oh!

Copilot AI commented Dec 3, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 4, 2025

Choose a reason for hiding this comment

Uh oh!

LittleLittleCloud commented Dec 5, 2025

Uh oh!

Copilot AI commented Dec 5, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Copilot AI commented Dec 3, 2025 •

edited

Loading

github-actions bot commented Dec 3, 2025 •

edited

Loading