https://github.com/nicely/saas-simulation
Everything that you need to see what's going on for your saas business
https://github.com/nicely/saas-simulation
Last synced: 10 months ago
JSON representation
Everything that you need to see what's going on for your saas business
- Host: GitHub
- URL: https://github.com/nicely/saas-simulation
- Owner: nicely
- Created: 2025-04-16T07:50:19.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-04-16T10:15:13.000Z (11 months ago)
- Last Synced: 2025-04-16T10:56:53.994Z (11 months ago)
- Language: Vue
- Size: 19.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- stars - nicely/saas-simulation - Everything that you need to see what's going on for your saas business (Vue)
README
# SaaS Growth Simulation
A comprehensive SaaS growth simulation tool built with Vue 3 and Composition API for modeling revenue growth, customer acquisition, and churn predictions for software-as-a-service businesses.
## Online Demo
Try the live demo: [https://nicely.github.io/saas-simulation/](https://nicely.github.io/saas-simulation/)
## Features
- Tab-based interface for different dashboard views
- Breakdown view for MRR goals and plan details
- Prediction view for subscriber growth forecasting
- Dynamic addition of new plans and dashboards
- Reactive calculations based on user inputs
## Project Setup
### Prerequisites
- Node.js (v14 or newer recommended)
- npm or yarn
### Installation
1. Clone the repository or download the files
2. Install dependencies:
```
npm install
```
or
```
yarn
```
3. Start the development server:
```
npm run dev
```
or
```
yarn dev
```
## How to Use
The Excel-like interface consists of:
1. **Breakdown Tab**:
- Edit general settings like MRR goals and growth rates
- Add/remove pricing plans
- Set customer numbers and see calculated MRR
2. **Prediction Tab**:
- View forecasted visitor numbers based on growth rates
- See predicted subscriber acquisition and churn
- Track net customer growth over time
3. **Custom Dashboards**:
- Create additional dashboard tabs with the "+ New Dashboard" button
- Customize these dashboards as needed
## Customization
- Modify the styling in the `` sections of the components
- Adjust calculation formulas in the component methods
- Add additional fields or data points to the tables as needed
- Implement more sophisticated prediction models by modifying the calculation functions
## Vue 3 Composition API
This project uses Vue 3's Composition API. The main benefits include:
- Better code organization with composable functions
- Improved type inference
- More flexible code reuse
- Smaller bundle size with tree-shaking
## License
MIT