Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

35 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Š BizGrow - Business Analytics Dashboard

BizGrow - Modern Business Analytics Dashboard for Entrepreneurs and Small Businesses

BizGrow Logo

Version Tests License

React Vite Tailwind CSS TypeScript PRs Welcome

A world-class business analytics dashboard with advanced data management, multi-format import/export, and enterprise-grade visualizations.

πŸš€ Live Demo β€’ πŸ“š Documentation β€’ 🌐 Official Website β€’ πŸ“– Website Files β€’ 🎬 Video Demo β€’ πŸ’¬ Discord

Dynamic JSON Badge GitHub top language Netlify Status Dynamic JSON Badge


Table of Contents


🌟 What's New in v1.3.3

Major Update: Multi-selection functionality, professional UI modals, and critical bug fixes!

Key Highlights:

  • βœ… Multi-Selection System - Bulk operations with checkboxes and "Select All" functionality
  • 🎨 Professional UI Modals - Custom confirmation dialogs replacing browser alerts
  • πŸ§ͺ Enhanced Testing Suite - 25+ comprehensive tests with visual test runner
  • πŸͺ² Critical Bug Fixes - Resolved duplicate ID issues and selection state problems

πŸ“‹ View Complete Release Notes | πŸ“œ Version History


✨ Features

πŸ“Š Advanced Analytics & Insights

  • 8 Data Summary Cards - Total revenue, expenses, profit, customers with growth indicators
  • Trend Sparklines - 6-month trend visualization for all key metrics
  • Interactive Pie Charts - Expense categories and revenue source breakdowns
  • Performance Scoring - Business health score with industry benchmarks
  • Advanced Calculations - Profit margins, CLV, CAC, churn rates, burn rate
  • Date Range Analytics - Flexible filtering with preset options
  • Forecasting - Revenue, expense, and customer growth projections

πŸ—ƒοΈ Enterprise Data Management

  • Multi-Format Import - JSON, CSV, Excel with intelligent field mapping
  • Multi-Format Export - JSON, CSV, Excel with metadata and summaries
  • Data Validation - Comprehensive validation with error reporting
  • Import Preview - Review data before importing with merge options
  • Auto-Backup System - Automatic backups on every data change
  • Manual Backups - Create restore points before major operations
  • Template Downloads - Pre-formatted templates for easy data entry

πŸ‘₯ Customer Intelligence

  • Complete CRM - Full customer lifecycle management
  • Customer Analytics - Value distribution, acquisition tracking, status management
  • Lifetime Value (CLV) - Automatic CLV calculation and tracking
  • Customer Segmentation - Active, potential, inactive customer analysis
  • Acquisition Tracking - Customer acquisition cost (CAC) monitoring
  • Contact Management - Email, phone, company details with search

πŸ’° Financial Intelligence

  • Revenue Analytics - Multi-source revenue tracking with categorization
  • Expense Management - Vendor tracking, receipt management, category analysis
  • Cash Flow Analysis - Monthly cash flow tracking and projections
  • Profit Analysis - Real-time profit calculations with margin tracking
  • Burn Rate Monitoring - Business runway calculations
  • Transaction History - Detailed financial records with full audit trail

🎨 World-Class UI/UX

  • Professional Design - Modern, clean interface with brand consistency
  • Responsive Excellence - Perfect experience on all devices
  • Smart Empty States - Helpful guidance when no data exists
  • Interactive Elements - Hover effects, tooltips, and smooth transitions
  • Loading States - Professional loading indicators throughout
  • Error Recovery - Comprehensive error handling with user guidance

πŸš€ Quick Start

Prerequisites

  • Node.js (v18.0.0 or higher recommended)
  • npm or yarn package manager
  • Modern web browser (Chrome, Firefox, Safari, Edge)

Installation

  1. Clone the repository

    git clone https://github.com/kenthic/biz-grow.git
    cd biz-grow
  2. Install dependencies

    npm install
    # or
    yarn install
  3. Start the development server

    npm run dev
    # or
    yarn dev
  4. Open your browser and start using BizGrow

    http://localhost:5173
    

Build for Production

npm run build
# or
yarn build

The built files will be in the dist/ directory, ready for deployment.

πŸ“š Documentation

For comprehensive documentation, guides, and tutorials, visit our πŸ“š GitHub Wiki.

πŸ“– Detailed Guides Available

πŸ§ͺ Testing

Enhanced Testing Suite v1.3.3

BizGrow includes a comprehensive testing framework with 25+ automated tests:

Visual Testing Interface

  1. Dashboard Access - Click "Test Suite" button on Dashboard
  2. Test Selection - Choose from All Tests, Quick Test, Multi-Selection, etc.
  3. Run Tests - Execute tests with real-time results
  4. Keyboard Shortcut - Use Ctrl+Shift+T to toggle test runner

Console Testing

// Run in browser console (F12)
window.BizGrowTestSuite.runAllTests()     // Full test suite
window.BizGrowTestSuite.quickTest()       // Essential tests
window.BizGrowTestSuite.testMultiSelection() // v1.3.3 features
window.BizGrowTestSuite.debugState()      // Debug info

Test Categories

  • Multi-Selection System - Bulk operations and checkbox functionality
  • Professional UI Modals - Custom confirmation dialogs
  • ID Management - Data integrity and uniqueness
  • Performance Testing - Memory usage and large dataset handling
  • Version Synchronization - Automatic version management

πŸ“š For detailed testing documentation, see Testing Guide

πŸ”§ Configuration & Customization

Environment Variables

Create a .env file in the root directory:

# Application Configuration
VITE_APP_NAME=BizGrow Dashboard
VITE_APP_VERSION=1.3.3

# Development Configuration
NODE_ENV=development

# Future API Configuration
# VITE_API_BASE_URL=http://localhost:3001/api

Brand Customization

BizGrow Brand Colors (v1.3.3):

:root {
  --primary-color: #3498DB;      /* Medium Blue */
  --primary-dark: #1B4F72;      /* Navy Blue */
  --primary-light: #5DADE2;     /* Light Blue */
  --secondary-color: #2E86AB;   /* Dark Blue */
}

Tailwind CSS Theme:

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'bizgrow-blue': '#3498DB',
        'bizgrow-navy': '#1B4F72',
        'bizgrow-light': '#5DADE2',
        'bizgrow-dark': '#2E86AB',
      },
    },
  },
}

πŸš€ Deployment

Production Build

npm run build
npm run preview  # Test production build locally

Deployment Options

  • Netlify - Drag and drop the dist/ folder
  • Vercel - Connect your GitHub repository
  • GitHub Pages - Use the docs/ folder for static site
  • Traditional Hosting - Upload dist/ contents to web server

Official Website

The docs/ folder contains a complete website (separate from documentation):

  • Professional landing page hosted on GitHub Pages
  • Feature showcase and screenshots
  • Live demo links and promotional content
  • Contact information and getting started guide

Note: For comprehensive documentation, use the GitHub Wiki.

🀝 Contributing

We welcome contributions! Here's how to get involved:

Ways to Contribute

  • πŸ› Report Bugs - Open issues for any problems you find
  • ✨ Request Features - Suggest new functionality
  • πŸ“ Improve Documentation - Help make docs clearer
  • πŸ§ͺ Add Tests - Expand test coverage
  • πŸ’» Submit Code - Fix bugs or add features

Development Setup

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/amazing-feature
  3. Make your changes and test thoroughly
  4. Run the test suite to ensure everything works
  5. Commit your changes: git commit -m 'Add amazing feature'
  6. Push to your branch: git push origin feature/amazing-feature
  7. Open a Pull Request

Code Standards

  • Follow existing code style and patterns
  • Add comprehensive tests for new features
  • Update documentation for any changes
  • Ensure responsive design for all UI changes

Pull Request Guidelines

  • Provide clear description of changes
  • Include screenshots for UI changes
  • Reference related issues
  • Ensure all tests pass

πŸ“ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments

Core Technologies

  • React Team - For the incredible framework that powers BizGrow
  • Tailwind CSS - For the utility-first CSS framework
  • Recharts - For beautiful and responsive chart components
  • Framer Motion - For smooth animations and transitions
  • Lucide - For the comprehensive icon library
  • SheetJS - For Excel file processing capabilities

Community

  • Early Testers - Thank you for your valuable feedback
  • Contributors - Every contribution makes BizGrow better
  • Open Source Community - For the amazing tools and libraries

πŸ“ž Support & Community

Get Help

Documentation

Stay Updated

  • ⭐ Star this repo to stay updated with new releases
  • πŸ‘€ Watch releases to get notified of new versions
  • 🐦 Follow updates on our social channels

πŸŽ‰ BizGrow v1.3.3 - World-Class Business Analytics

Built with ❀️ by

GitHub

GitHub stars GitHub forks GitHub watchers

πŸš€ Try Live Demo β€’ πŸ“š Read Documentation

Discord

About

A modern, responsive business analytics dashboard built with React, featuring real-time data visualization, customer management, and financial tracking.

Topics

Resources

Contributing

Stars

1 star

Watchers

0 watching

Forks

Releases

Used by

Contributors

Languages