A powerful, privacy-first data analytics platform that transforms CSV and Excel files into stunning visualizations and actionable insights. Built with React, Vite, and modern web technologies.
- 9 Chart Types: Bar, Line, Area, Pie, Doughnut, Radar, Polar Area, Scatter, Bubble
- Interactive Charts: Zoom, pan, hover effects with Chart.js
- Chart Templates: Pre-configured chart styles for quick setup
- Fullscreen Mode: Maximize charts for detailed analysis
- Real-time Updates: Live chart updates as you modify data
- File Support: CSV and Excel (.xlsx, .xls) file parsing
- Drag & Drop: Intuitive file upload interface
- API Integration: Connect to custom data sources
- Inline Editing: Edit data directly in the table
- Advanced Filtering: Search, sort, and filter data
- Project Management: Save/load projects with localStorage
- Basic Statistics: Mean, median, mode, standard deviation
- Advanced Analytics: Trend analysis, correlation, regression
- Data Validation: Identify missing values, outliers, duplicates
- Enhanced Statistics: Quartiles, percentiles, variance analysis
- Glass Morphism: Modern glass-effect design
- Responsive Design: Mobile, tablet, and desktop optimized
- Smooth Animations: Framer Motion powered interactions
- Dark/Light Theme: Emerald and orange color scheme
- Toast Notifications: Elegant user feedback system
- Multiple Formats: CSV, Excel, PDF, PNG exports
- Selective PDF: Choose which analysis results to include
- Chart Export: High-quality PNG chart downloads
- Comprehensive Reports: Full analysis PDF generation
- Node.js 16+ and npm/yarn
- Modern web browser
# Clone the repository
git clone https://github.com/yourusername/dataflow-dashboard.git
cd dataflow-dashboard
# Install dependencies
npm install
# Start development server
npm run dev# Create production build
npm run build
# Preview production build
npm run preview- Frontend: React 18, Vite
- Styling: Tailwind CSS, shadcn/ui
- Animations: Framer Motion
- Charts: Chart.js, React-Chartjs-2
- File Parsing: PapaParse (CSV), XLSX (Excel)
- Icons: Lucide React
- Build Tool: Vite
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
- 100% Client-Side: No data sent to servers
- Local Processing: All analysis happens in your browser
- No Tracking: No analytics or user tracking
- Secure: No data persistence on external servers
- Drag and drop CSV/Excel files
- Or connect to custom APIs
- Supports files up to 10MB
- View data in interactive table
- Edit cells inline
- Apply filters and search
- View comprehensive statistics
- Choose from 9 chart types
- Select columns for X and Y axes
- Customize colors and styling
- Apply data aggregation
- Download charts as PNG
- Export data as CSV/Excel
- Generate comprehensive PDF reports
- Save projects for later use
- Lazy Loading: Components loaded on demand
- Code Splitting: Optimized bundle sizes
- Memoization: Prevent unnecessary re-renders
- Animation Optimization: GPU-accelerated animations
- Responsive Images: Optimized for all screen sizes
- Fork the repository
- Create feature branch (
git checkout -b feature/amazing-feature) - Commit changes (
git commit -m 'Add amazing feature') - Push to branch (
git push origin feature/amazing-feature) - Open Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Sumon Deb
- Email: sd.sumon.deb.2001@gmail.com
- LinkedIn: Sumon Deb
- GitHub: @LazyCr0w
- shadcn/ui for beautiful UI components
- Chart.js for powerful charting capabilities
- Framer Motion for smooth animations
- Tailwind CSS for utility-first styling
- Components: 15+ reusable React components
- Chart Types: 9 different visualization options
- File Formats: CSV, Excel, JSON support
- Export Formats: 4 different export options
- Mobile Responsive: 100% mobile-friendly design
Transform your data into insights with DataFlow
No setup required • Privacy-first • Lightning fast
No setup required • Privacy-first • Lightning fast