This is a Next.js project bootstrapped with create-next-app.
Open https://custom-dashboard-nextjs.vercel.app/ with your browser to see the result.
The home screen displays a table of all your saved custom dashboards. Search filter implemented for searching a specific dashboard by its name. In home screen table you can view and delete the saved dashboards. when click view icon you can then edit and change the name of the dashboard if you want to. Tap on Create New button for adding a new custom dashboard,
In Add a new dashboard page, you can see 3 draggable and resizable components including two charts. you can drag resize these components within the react-grid container and then you can save the dashboard by giving it a unique name.