Build an interactive shadcn react dashboard emulating very closely the attached image which depicts a Salesforce style SaaS dashboard for tracking a lending sales pipeline. Ensure the middle section is kanban cards that can move from column group to column group and that the interactive charts adjust. .

React Setup: The project uses React 18.2.0 as the core library. It's not using Next.js or any other opinionated React framework. The project created with Create React App Build and Development Tools: react-scripts is used for building and running the development server Styling: Tailwind CSS is used for styling, PostCSS is configured, which is used by Tailwind CSS. Routing:react-router-dom is used for client-side routing. State Management: uses React's built-in state management (useState, useContext) API Communication: There's a custom apiService.js file for handling API calls, likely using the Fetch API or a similar method. Additional Libraries: d3-array and d3-scale are used, likely for data processing and scaling in charts. Project Structure: The project follows a component-based structure with separate directories for components, pages, services, and utilities. There's a clear separation between UI components and business logic components (e.g., charts and dashboards).

Add component to projectLearn more

Log In to Copy Code

History