Skip to content

Comments

Enhancement: Add Loading Skeleton UI for Events Page (#174)#176

Open
Shalini828 wants to merge 3 commits intoreactplay:mainfrom
Shalini828:feature/loading-skeleton-174
Open

Enhancement: Add Loading Skeleton UI for Events Page (#174)#176
Shalini828 wants to merge 3 commits intoreactplay:mainfrom
Shalini828:feature/loading-skeleton-174

Conversation

@Shalini828
Copy link
Contributor

What’s Added

  • Implemented loading.tsx for the Events page using Next.js App Router.
  • Added refined skeleton UI that closely mimics the EventCard layout.
  • Used Tailwind's animate-pulse for smooth loading animation.
  • Structured skeleton into a reusable CardSkeleton component for cleaner code.

Why This Improvement?

  • Improves perceived performance.
  • Provides better visual feedback during page loading.
  • Maintains consistency with existing design system.

Testing

  • Verified skeleton appears correctly during artificial delay.
  • Confirmed layout responsiveness across breakpoints.

No existing functionality was modified.

@netlify
Copy link

netlify bot commented Feb 23, 2026

Deploy Preview for reactkolkata ready!

Name Link
🔨 Latest commit 4672a29
🔍 Latest deploy log https://app.netlify.com/projects/reactkolkata/deploys/699d4e1a08ee1d000834d660
😎 Deploy Preview https://deploy-preview-176--reactkolkata.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@priyankarpal
Copy link
Member

@Shalini828 can you check the conflicts here and also please mention the issue number

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.

2 participants