AB
Alim Bidmus

Drawer Width - Copy this React, Mui Component to your project

Dashbaord Content 1. Top Navigation bar User profile Signed in user pic avatr Log out button 2. Navigation Bar (Left Sidebar) Employement Support Services Navigating the Healthcare System Finance Management and Tools Administrative Processes and document Checklist Immigration policies Community Forum Marketplace Premium membership services 3. Dashboard Main area Welcome Section (Above Feed): At the top of the feed, place a Welcome Message like: Welcome to Your Community, [User Name]! Let's get started."Beneath this is Quick Access Tiles to core features: Job Portal, Accesing NHS, Support & Resources 4. Right Sidebar: Notifications and Events: Notification Panel: Display a list of personalized notifications Reminder: Job interview tomorrow at 3 PM." New affordable housing listings in your area." Upcoming Events: Highlight events like webinars or local meetups related to immigration support, job fairs, or community building events. 5. Feed A rectagular card for post and will show the user avatar, post title and question, post Body a snippet of the post or first few lines of discussion Buttons for Like, Comment, and Share with icons below each post. Posts arranged vertically 6. Featured Discussions / Guides (Between Feed & Sidebar): Design a horizontal section for Featured Guides or Top Discussions just below the Welcome Message or at the top of the feed. Include clickable cards with an image or icon and a brief title, like: "How to Set Up a UK Bank Account." "Top 10 Job Interview Tips."

Prompt
Component Preview

About

drawerWidth - Customize your dashboard layout with adjustable sidebars, user profiles, notifications, and quick access tiles, built with. Start coding now!

Share

Last updated 1 month ago