A shared folder with AI prompts and code snippets
From workspace: BASE44
Team: Main
Total snippets: 8
8 snippets
Lock the dashboard layout and sidebar structure from changes.
From now on, do not modify the layout or sidebar files. Freeze: – Sidebar component – Layout.tsx or layout wrapper – Navigation logic
Build a responsive dashboard with sidebar, top bar, and placeholder widgets.
Create a dashboard UI with: – Sidebar navigation with icons and active state – Top bar with user avatar and page title – Main area with 3 placeholder widgets/cards – Mobile-responsive layout – Use Tailwind for styling
Add a toggle to switch between light and dark themes.
Add dark mode support to the dashboard. Include: – Toggle switch in the top bar – Tailwind dark mode classes – Store preference in localStorage
Allow users to collapse or expand the sidebar.
Make the sidebar collapsible. Include: – Collapse/expand button – Use icons when collapsed – Keep responsive behavior
Expand the sidebar to include extra navigation items.
Add these links to the sidebar: – Dashboard – Analytics – Settings – Users Include: – Icon for each – Highlight active item
Insert a placeholder chart area in the dashboard’s main section.
Add a chart component placeholder to the dashboard. Include: – Card with title “Sales Overview” – Placeholder area for a future chart – Light gray background with rounded corners
Add cards to display key metrics like revenue and users.
Add 3 summary cards at the top of the dashboard. Include: – Icons for each card – Labels like "Revenue", "Users", "Sessions" – Use Tailwind grid for layout
Rebuild the app from scratch using the original dashboard scaffold.
Rebuild the app using the dashboard layout as a base. Include: – Sidebar, top bar, and main card grid – No backend or auth for now – Tailwind UI only