feat: Add authors page to list all contributors #517

lokeshjatoth · 2025-10-31T15:15:47Z

Fixes #513

📝 Description

This PR fixes the blank page at /authors by creating a new, dedicated "Meet Our Authors" page.

This new page (AuthorsPage.tsx) fetches the list of all authors from author-utils.ts, displays them in a series of cards, and includes quick stats like their post count. Each card is clickable and links to that author's individual profile page, providing the central author directory that was missing.

🔗 Related Issue

Fixes #513

🔄 Type of Change

📷 Visual Changes

Screenshot

🧪 Testing Performed

📱 Browser Compatibility

🖥️ Responsive Design

Desktop (1200px+)
Tablet (768px - 1199px)
Mobile (320px - 767px)

✅ Test Cases

Run npm run dev.
Navigate to the /authors page in your browser.
Verify: The "Meet Our Authors" page loads correctly (it is not a blank screen).
Verify: A list of author cards is displayed.
Verify: Each card correctly shows the author's avatar, name, title, and total post count.
Verify: Click on an author card. You should be redirected to that specific author's individual profile page (e.g., /authors/aditya-singh).

♿ Accessibility

Proper heading hierarchy maintained
ARIA labels added where needed
Color contrast requirements met
Keyboard navigation works correctly
Screen reader testing performed

📋 PR Checklist

My code follows the project's coding style guidelines
I have tested these changes locally
I have updated the documentation accordingly
My changes generate no new warnings or console errors
I have added tests that prove my fix/feature works
All existing tests pass successfully
I have checked for and resolved any merge conflicts
I have optimized images/assets (if applicable)
I have validated all links are working correctly

💭 Additional Notes

This PR adds src/pages/News/AuthorsPage.tsx (the new page component) and modifies src/routes.tsx to add the new route.

github-actions · 2025-10-31T15:16:37Z

❌ Checks Failed

Please fix the following issues before merging:

📝 Code Linting Failed

Issue: Code formatting or style violations detected.

Specific problems:

• Code formatting issues detected

How to fix:

Platform	Command	Description
🐧 Unix/macOS/Linux	`npm run format`	Auto-fix all formatting issues
🪟 Windows	`npm run format:file <filename>`	Fix specific files
🔍 Check Only	`npm run format:check`	Check formatting without fixing

Need help with linting? Check out the Linting Guide for Windows Users for detailed instructions.

🛠️ Next Steps

Fix the issues mentioned above
Test locally to ensure everything works
Push your fixes to this branch
Wait for re-check - This bot will automatically run again

github-actions · 2025-10-31T15:50:16Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

sa-fw-an · 2025-10-31T16:26:13Z

@lokeshjatoth Instead of having a single author in each line , probably make it dynamic and add 3 or 4 authors.. making it more like a grid based layout instead of the list based layout.

github-actions · 2025-10-31T17:26:58Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

lokeshjatoth · 2025-10-31T17:32:28Z

Hi @sa-fw-an,

I've updated the PR with the grid layout as you suggested. Please let me know if these changes look good.

sa-fw-an · 2025-11-03T13:54:58Z

@lokeshjatoth Can you add like this type of design for the Meet Our Authors and then some description?
Rest all looks great. Great Work :)

github-actions · 2025-11-03T14:43:29Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

github-actions · 2025-11-03T14:53:46Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

lokeshjatoth · 2025-11-03T14:56:53Z

Hi @sa-fw-an, thanks for the great feedback!

I've just pushed an update that implements the new header and description style, matching the design from the Leadership page as you suggested.

Here's a screenshot of how it looks now:

Let me know what you think!

github-actions · 2025-11-04T12:05:10Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

github-actions · 2025-11-04T12:41:52Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

sa-fw-an · 2025-11-04T13:19:32Z

src/routes.tsx

 import Matrix from '@/pages/Matrix';
 import NotFoundPage from '@/pages/NotFoundPage';
 import Contributors from '@/pages/Contributors';
+import AuthorsPage from './pages/News/AuthorsPage';


Use the @ for imports instead of the .

Can I include Authors section in the About drop down?

github-actions · 2025-11-04T15:22:27Z

❌ Checks Failed

Please fix the following issues before merging:

📝 Code Linting Failed

Issue: Code formatting or style violations detected.

Specific problems:

• Code formatting issues detected

How to fix:

Platform	Command	Description
🐧 Unix/macOS/Linux	`npm run format`	Auto-fix all formatting issues
🪟 Windows	`npm run format:file <filename>`	Fix specific files
🔍 Check Only	`npm run format:check`	Check formatting without fixing

Need help with linting? Check out the Linting Guide for Windows Users for detailed instructions.

🛠️ Next Steps

Fix the issues mentioned above
Test locally to ensure everything works
Push your fixes to this branch
Wait for re-check - This bot will automatically run again

github-actions · 2025-11-04T15:27:50Z

🎉 All Checks Passed!

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

lokeshjatoth · 2025-11-04T15:29:01Z

Is that Okay?

sa-fw-an · 2025-11-05T00:59:38Z

@lokeshjatoth Looks Amazing. Great Work :)

lokeshjatoth force-pushed the feat/add-authors-page branch from ca2e50b to 211189c Compare October 31, 2025 15:49

lokeshjatoth force-pushed the feat/add-authors-page branch from 211189c to 2175f70 Compare October 31, 2025 17:26

lokeshjatoth force-pushed the feat/add-authors-page branch from 2175f70 to 0e5193b Compare November 3, 2025 14:42

lokeshjatoth force-pushed the feat/add-authors-page branch from 0e5193b to e16b073 Compare November 3, 2025 14:53

lokeshjatoth closed this Nov 4, 2025

lokeshjatoth force-pushed the feat/add-authors-page branch from e16b073 to 7caa216 Compare November 4, 2025 12:04

lokeshjatoth reopened this Nov 4, 2025

sa-fw-an reviewed Nov 4, 2025

View reviewed changes

lokeshjatoth force-pushed the feat/add-authors-page branch from e16b073 to ceddb06 Compare November 4, 2025 15:21

feat: Add authors page to list all contributors

e60f5fd

lokeshjatoth force-pushed the feat/add-authors-page branch from ceddb06 to e60f5fd Compare November 4, 2025 15:27

sa-fw-an merged commit 1affcca into sugarlabs:main Nov 5, 2025
3 checks passed

feat: Add authors page to list all contributors #517

feat: Add authors page to list all contributors #517

Uh oh!

Conversation

lokeshjatoth commented Oct 31, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📝 Description

🔗 Related Issue

🔄 Type of Change

📷 Visual Changes

🧪 Testing Performed

📱 Browser Compatibility

🖥️ Responsive Design

✅ Test Cases

♿ Accessibility

📋 PR Checklist

💭 Additional Notes

Uh oh!

github-actions bot commented Oct 31, 2025

❌ Checks Failed

📝 Code Linting Failed

🛠️ Next Steps

Uh oh!

github-actions bot commented Oct 31, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

sa-fw-an commented Oct 31, 2025

Uh oh!

github-actions bot commented Oct 31, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

lokeshjatoth commented Oct 31, 2025

Uh oh!

sa-fw-an commented Nov 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Nov 3, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

github-actions bot commented Nov 3, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

lokeshjatoth commented Nov 3, 2025

Uh oh!

github-actions bot commented Nov 4, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

github-actions bot commented Nov 4, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

sa-fw-an Nov 4, 2025

Choose a reason for hiding this comment

Uh oh!

lokeshjatoth Nov 4, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Nov 4, 2025

❌ Checks Failed

📝 Code Linting Failed

🛠️ Next Steps

Uh oh!

github-actions bot commented Nov 4, 2025

🎉 All Checks Passed!

✅ Completed Workflows

Uh oh!

lokeshjatoth commented Nov 4, 2025

Uh oh!

sa-fw-an commented Nov 5, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

lokeshjatoth commented Oct 31, 2025 •

edited

Loading

sa-fw-an commented Nov 3, 2025 •

edited

Loading