Add UI Design Preview Folder README.md for Card Theme

[anushkkavarshney]

📋 Pull Request Summary

This PR adds a detailed README.md file for the card-theme-anushka branch, which includes:

• Preview details for the newly designed cards using Figma
• Screenshots and design explanation
• Contribution information

Type of Change:

• Documentation Update
• UI Preview Addition (Design Files)
• Feature Enhancement
• Bug Fix

🔗 Related Issue

Closes #83

📝 Changes Made

• Created ui-design/card-themes folder inside ScheduleX/ with Glassmorphism, Neumorphism and flat card previews
• Added README.md file with markdown formatting
• Uploaded screenshots exported from Figma
• Added public preview link to Figma designs

🧪 Testing

No code changes were introduced, so manual verification was done for:

Testing Environment:

• GitHub file rendering
• Markdown preview in VS Code

Test Cases:

• README preview renders correctly
• Images appear properly in folder and are accessible
• Figma link opens and is accessible
• No Git errors on push

📱 Screenshots/Videos

Before

🔗 Figma Preview

You can preview the card designs directly in Figma using this link:
🔗 Figma Design Preview - Glassmorphism
🔗 Figma Design Preview - Neumorphism
🔗 Figma Design Preview - Flat

✅ Checklist

Code Quality:

• Follows contribution guidelines
• No unnecessary files or debug content

Testing:

• Manual validation
• Preview works on GitHub

Documentation:

• README.md created
• Screenshot assets included
• Figma link added

Git:

• Branch name is relevant
• Commit messages are meaningful
• No merge conflicts

🚨 Breaking Changes

• No breaking changes

🔍 Reviewer Notes

Please verify:

• Screenshot files display correctly
• Folder structure and file naming conventions are followed
• Figma link works and gives proper preview access

For Maintainers:

• Labels added
• Milestone assigned
• Assignees added

[anisharma07]

Hey @anushkkavarshney , You don't need to design any random cards, the card should Include Subject Title, attended/total events, status, Progress percentage (present/total), a tick mark button, a cross button, view button and a menu button. (different color indicators for low, high, target attendances)

Please ask me if you need any help on discord.. I will review the designs first..
Figma has some cool ai plugins like ux pilot which you can use to work faster and get more ideas..
I just want substitute designs for the following card:

• please remove glassmorphism and neumorphism folders, they seems irrelevant to what is needed..
• finally, add+commit+push new card designs in the same branch, will review those

[anisharma07]

Hey @anushkkavarshney, Any Udpates?

[anisharma07]

@anushkkavarshney please make these changes to the PR, if you want it to be merged, you just have to update your card designs such that they must include Subject Title, attended/total events, status, Progress percentage (present/total), a tick mark button, a cross button, view button and a menu button.