Skip to content

Feat/frontend improvements - #396

Merged
DeFiVC merged 4 commits into
ChainLearnOfficial:mainfrom
Bernadettedotdev:feat/frontend-improvements
Aug 29, 2026
Merged

Feat/frontend improvements#396
DeFiVC merged 4 commits into
ChainLearnOfficial:mainfrom
Bernadettedotdev:feat/frontend-improvements

Conversation

@Bernadettedotdev

Copy link
Copy Markdown
Contributor

Description

This PR introduces several UI/UX enhancements and accessibility improvements across the application. It bundles the implementation of the Back Button, Share Button, Avatar Upload functionality, and ARIA attributes for screen readers.

Changes Included

  • Nested Navigation Back Button: Added a dedicated BackButton component across nested routes (course pages, modules, quizzes, and credentials) using Next.js routing for seamless navigation.
  • Share Functionality: Implemented a ShareButton component with Web Share API support for mobile devices. It includes a fallback dialog providing a QR Code, copy-to-clipboard functionality, and native share links for Twitter and LinkedIn.
  • Avatar Upload: Added a new AvatarUpload component in the user profile settings, leveraging react-easy-crop to allow users to intuitively crop and upload profile pictures.
  • Accessibility (a11y) Improvements: Enhanced application accessibility by adding aria-live and aria-busy to dynamic content components (e.g., toast notifications, loading skeletons), and ensuring interactive elements like the user menu have proper aria-labels.

Related Issues

Closes #245
Closes #250
Closes #251
Closes #252

Type of Change

  • New feature (non-breaking change which adds functionality)
  • Chore (non-breaking change which improves accessibility)

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas

@drips-wave

drips-wave Bot commented Aug 29, 2026

Copy link
Copy Markdown

@Bernadettedotdev Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@netlify

netlify Bot commented Aug 29, 2026

Copy link
Copy Markdown

Deploy Preview for chainlearn failed.

Name Link
🔨 Latest commit 064a27d
🔍 Latest deploy log https://app.netlify.com/projects/chainlearn/deploys/6a9312efbf5aa900088031a5

@DeFiVC
DeFiVC merged commit f2a2886 into ChainLearnOfficial:main Aug 29, 2026
0 of 4 checks passed
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 back-button.tsx component . Add share-button.tsx component . Add avatar-upload.tsx component . Add ARIA labels and roles

2 participants