Set up the initial Next.js project structure, install necessary libraries and configure basic project settings.
Tasks
[x] Next.js project structure is set up with essential folders and files.
Libraries/Packages
UI and Styling
@mui/material and @emotion/react, @emotion/styled: Material-UI for building a responsive and modern UI.
tailwindcss: For utility-first CSS styling
Data Visualization
chart.js and react-chartjs-2: To create interactive charts and visualizations.
File and Data Handling w/ Data Cleaning
papaparse: For parsing CSV files client-side.
pandas-js: For data cleaning
PDF Generation and Printing
jspdf: For generating PDF reports.
html2canvas: To convert HTML elements to canvas for use in jsPDF.
react-to-print: For printing React components directly.
State Management and Utility Packages
react-query: For handling data fetching and caching.
lodash: For data manipulation and utility functions.
AI Integration (Optional)
openai: for integrating AI features.
dotenv: For managing environment variables for API keys securely.
Description
Set up the initial Next.js project structure, install necessary libraries and configure basic project settings.
Tasks
Libraries/Packages
UI and Styling
@mui/material and @emotion/react, @emotion/styled
: Material-UI for building a responsive and modern UI.tailwindcss
: For utility-first CSS stylingData Visualization
chart.js and react-chartjs-2
: To create interactive charts and visualizations.File and Data Handling w/ Data Cleaning
papaparse
: For parsing CSV files client-side.pandas-js
: For data cleaningPDF Generation and Printing
jspdf
: For generating PDF reports.html2canvas
: To convert HTML elements to canvas for use in jsPDF.react-to-print
: For printing React components directly.State Management and Utility Packages
react-query
: For handling data fetching and caching.lodash
: For data manipulation and utility functions.AI Integration (Optional)
openai
: for integrating AI features.dotenv
: For managing environment variables for API keys securely.