Skip to content

Add public /about page describing the project#59

Merged
mahata merged 3 commits intomainfrom
copilot/fix-58
Jul 28, 2025
Merged

Add public /about page describing the project#59
mahata merged 3 commits intomainfrom
copilot/fix-58

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Jul 20, 2025

This PR adds a minimal-design, publicly accessible /about page for the Mlack application that provides information about the project without requiring authentication.

Changes Made

New Files:

  • hono/components/AboutPage.tsx - React component with project description
  • hono/components/AboutPage.css - Minimal styling consistent with existing ChatPage design
  • hono/components/AboutPage.test.ts - Comprehensive component tests

Modified Files:

  • hono/routes/index.tsx - Added /about route handler (no authentication required)
  • hono/routes/index.test.tsx - Added test for public about page access

Content Included

The /about page includes all the requested information:

  • ✅ Clearly states this is a Slack-like application, fully open source
  • ✅ Mentions source code is available at @mahata/mlack
  • ✅ Explains this is an experimental project using "Vibe Coding"
  • ✅ Notes that ~90% of code is written by GitHub Copilot Coding Agent
  • ✅ Uses plain English with minimal design matching the main page
  • ✅ Includes navigation back to the main chat page

Design Consistency

The page maintains visual consistency with the existing / page by:

  • Using the same font family, color scheme, and layout structure
  • Reusing CSS patterns from ChatPage.css (container styles, button styling, etc.)
  • Following the same responsive design principles
  • Maintaining the same overall visual hierarchy

Testing

  • All existing tests continue to pass (26/26 tests)
  • Added comprehensive tests for the new AboutPage component
  • Added integration test verifying the route is publicly accessible
  • Verified code builds successfully and passes linting

Screenshot

About Page

The page is now accessible at /about without requiring login, helping onboard new visitors and contributors by describing the project's purpose and origins.

Fixes #58.


💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

Co-authored-by: mahata <23497+mahata@users.noreply.github.com>
Copilot AI changed the title [WIP] Add public /about page describing the project Add public /about page describing the project Jul 20, 2025
Copilot AI requested a review from mahata July 20, 2025 07:34
Comment thread hono/components/AboutPage.test.ts Outdated
const html = jsxElement.toString();

// Check for all required content elements
expect(html).toContain("About MLack");
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@copilot Make it "About Mlack" instead of "About MLack".

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed "MLack" to "Mlack" throughout the About page branding (title, heading, and content) and updated all corresponding tests. Commit: 9612917

Comment thread hono/components/AboutPage.tsx Outdated
<head>
<meta charSet="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About - MLack</title>
Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@copilot Make this "Mlack" instead of "MLack" too.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed in commit 9612917 - changed "MLack" to "Mlack" in the title and throughout the About page.

@mahata
Copy link
Copy Markdown
Owner

mahata commented Jul 20, 2025

@copilot Overall, the product name is "Mlack" instead of "MLack". Fix the typo.

@mahata mahata marked this pull request as ready for review July 20, 2025 07:49
Co-authored-by: mahata <23497+mahata@users.noreply.github.com>
Copy link
Copy Markdown
Contributor Author

Copilot AI commented Jul 20, 2025

@copilot Overall, the product name is "Mlack" instead of "MLack". Fix the typo.

Fixed in commit 9612917 - updated all instances of "MLack" to "Mlack" throughout the About page components and tests.

@mahata mahata merged commit b94658c into main Jul 28, 2025
3 checks passed
@mahata mahata deleted the copilot/fix-58 branch July 28, 2025 08:40
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.

Add public /about page describing the project

2 participants