CsvContext.tsx: Manages global state for CSV file and data, providing methods to handle loading, clearing, and accessing CSV data across components.
UploadPage.tsx: Handles CSV file upload, parsing, and displays a preview modal with parsed data; transitions to data cleaning upon clicking the load button.
CleanPage.tsx: Displays and allows editing of CSV data in a DataGrid for cleaning purposes, with a "Clean Data" button to mark the step as complete (placeholder & not yet implemented).
VisualizePage.tsx: Generates a mock report based on cleaned data and checks if data cleaning is complete before proceeding (not yet implemented).
page.tsx: Controls the multi-step process (Upload, Clean, Visualize) with step navigation, passing down context-managed CSV data and functions to each step.
closes #14, #15 and #20
Brief Description
CsvContext.tsx: Manages global state for CSV file and data, providing methods to handle loading, clearing, and accessing CSV data across components.UploadPage.tsx: Handles CSV file upload, parsing, and displays a preview modal with parsed data; transitions to data cleaning upon clicking the load button.CleanPage.tsx: Displays and allows editing of CSV data in a DataGrid for cleaning purposes, with a "Clean Data" button to mark the step as complete (placeholder & not yet implemented).VisualizePage.tsx: Generates a mock report based on cleaned data and checks if data cleaning is complete before proceeding (not yet implemented).page.tsx: Controls the multi-step process (Upload, Clean, Visualize) with step navigation, passing down context-managed CSV data and functions to each step.Note
Run
npm install --legacy-peer-depsagain