Sort Project Cards Lexicographically for Better Navigation

[nishtha-agarwal-211]

Problem

The project cards on the homepage are currently displayed in an inconsistent/random order, making it difficult for users to quickly find specific projects or games.

For example, cards like:

• BlackJack21
• Number Guessing
• Fibonacci Series
• Rock Paper Scissors
• Dice Rolling

are not arranged alphabetically.

Expected Behavior

All project cards should be displayed in lexicographical (alphabetical) order based on the project title.

Example order:

• BlackJack21
• Coin Flip
• Dice Rolling
• Fibonacci Series
• FLAMES Game
• Hangman
• Number Guessing
• Rock Paper Scissors
• Word Scramble

Benefits

• Improves discoverability of projects
• Makes navigation easier and more intuitive
• Provides a cleaner and more organized UI/UX

Suggested Fix

Sort the projects array before rendering the cards.

projects.sort((a, b) => a.title.localeCompare(b.title));

[github-actions]

⚠️ Important Contribution Guideline

Please do not open a Pull Request without being assigned to this issue first.

Please do not open a Pull Request without being assigned to this issue first.

How to proceed:

1. Comment on this issue to express interest
2. Wait for maintainers to assign you to the issue
3. Once assigned, you can start working on the PR
4. Include the assignment in your PR checklist

Thank you for helping us maintain a smooth workflow! 🙏

[steam-bell-92]

@nishtha-agarwal-211 sure do it