Dashboard example with shadcn components #79
+4,062
−25
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…mponents - Enhanced productivity dashboard with full shadcn/ui component showcase - Added educational toast notifications for all component interactions - Implemented Command palette, Carousels, HoverCards, Context menus, Calendars - Fixed dashboard authentication to allow unauthenticated access as intended - Updated session controller to use consistent URL helpers - Added comprehensive mock data and interactive UI demonstrations - Fixed carousel navigation with proper API usage and educational feedback - All components demonstrate both functionality and educational component awareness 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
- Added navigation button at top of productivity dashboard - Integrated Inertia.js Link with shadcn/ui Button for smooth client-side navigation - Included Home icon and hover effects for better UX - Added educational toast notification showing Inertia.js + shadcn/ui usage - Positioned prominently for easy access to home page 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Being interested in a Rails + React w/shadcn components I was very happy to stumble on this repo!
Proposing the addition of a demo dashboard that lays out some common shadcn ui components to give users a better feel for available components and integration with rails. Here's a quick gif walkthrough of the dashboard I've added:
The dashboard I've added demonstrates a range of shadcn/ui components (I've added toast messages explaining each component interaction):
Core UI Components
Provided interest in adding a simple dev / test sqlite - which would require a migration on setup - we could also add
That would look like the following:
Also seems like room in an example like this - perhaps dedicated to a non-main branch - to illustrate the usage of a shadcn/ui mcp server for use with an agent (I used this one with claude code and it was quite effective). I've created a separate branch on my fork illustrating this.