Branding Beez Logo

Branding

Beez

Start a Project

Enterprise CRM Platform

AC Graphics
CRM & Operations
Platform

A full-stack business operations system centralizing customer management, estimating, print & web production, reporting, and QuickBooks integration into one unified platform.

9Core Modules
3MBuild Duration
MERNTech Stack
QBQuickBooks Sync
CRM Dashboard
Active Leads48
Open Deals23
Jobs Done91
12Prospect
8Negotiate
15Open Job
34Won
Monthly Revenue$142K
QuickBooks Synced
1Single source of truth

What We Solved

Replaced fragmented manual workflows with one platform

  • Disconnected spreadsheets and email-based coordination
  • Manual re-entry of data into QuickBooks accounting
  • No centralized lead capture or follow-up system
  • Limited production visibility for print & web jobs
  • Fragmented reporting with inconsistent financial data
  • No role-based access control or admin governance

Project Overview

A Unified Business
Operations
Ecosystem

AC Graphics CRM was built to replace a fragmented stack of spreadsheets, email threads, and standalone accounting tools. The platform covers the entire business lifecycle — from the first website inquiry to production completion and QuickBooks billing.

Built on a modern MERN stack with React 19, Node.js, Express, and MongoDB Atlas, it delivers scalable cloud infrastructure, automated workflows, and enterprise-grade security.

React 19Node.jsMongoDB AtlasQuickBooks APIJWT AuthGoogle OAuthTailwind CSS 4Vercel

Platform Modules

9 Powerful Modules,
One Platform

Every business function covered — from authentication to QuickBooks synchronization.

Authentication & Access

JWT auth, Google OAuth 2.0, refresh token rotation, RBAC with admin governance and suspended account controls.

JWTOAuth 2.0RBAC

Contacts & Customer Management

Centralized customer records with company info, billing/shipping addresses, QuickBooks-linked data, CSV import/export, and bulk operations — all scoped to user ownership.

CSV ImportQB LinkageBulk OpsXLSX

Leads Management System

Public website inquiry capture feeds directly into CRM. Automated contact enrichment matches leads to existing customers. Full pipeline tracking from New → Won/Lost.

New
Contacted
Qualified
Proposal
Won

Sales Pipeline & Deals

Visual pipeline: Prospecting → Negotiation → Open Job → Job Won. Revenue forecasting, win/loss analytics, weighted opportunity tracking.

ForecastingAnalytics

Quotes & Estimates

Server-side auto-calculations: line items, subtotals, discounts, tax. Auto-generated quote numbers. Full lifecycle from Draft → Invoice Generated.

Auto-calcQB Sync

Print Production Board

End-to-end print workflow: Intake → Pre-Press → In Production → Quality Check → Completed. Sequential job numbering with auto invoice triggering.

Job TrackingAuto-invoice

Web Production Board

Full web project lifecycle: Intake → Planning → Design → Development → QA & Review → Launched. Fully linked to deals and quotes for end-to-end traceability.

6 StagesLinked Quotes

Reporting & Analytics

Real-time dashboard metrics across all modules. Comparative date-range analysis, sales & production summaries, pipeline analytics. Export everything to CSV or XLSX in one click.

Live DashboardCSV ExportXLSXDate RangesComparative

QuickBooks Integration

Bidirectional sync for customers and estimates. Multiple QB account support, webhook events, and secure OAuth 2.0 token management.

BidirectionalMulti-account

End-to-End Process

From Inquiry to Invoice
Automated

Every operational step connected, tracked, and automated within a single platform.

Step 01

Public Inquiry & Lead Capture

Visitors submit inquiries via the public web form. The backend validates, normalizes, and stores the submission as a CRM lead — no authentication required from the visitor.

01

Step 02

Lead Enrichment & Assignment

The system automatically matches leads against existing contacts by name, email, or phone. Leads are enriched, staged, scored, and assigned to a representative.

02

Step 03

Sales Pipeline & Quote Generation

Qualified leads convert to pipeline deals. Sales reps generate structured quotes with line-item pricing — subtotals, taxes, and discounts are all calculated server-side automatically.

03

Step 04

Production Workflow Execution

Accepted quotes auto-create jobs on Print or Web production boards. Sequential job numbers are generated. Status progresses through defined workflow stages until completion.

04

Step 05

Invoice Trigger & QuickBooks Sync

On job completion, quote status auto-updates to "Invoice Generated." QuickBooks sync then pushes contacts and estimates bidirectionally for seamless billing and accounting.

05

Built With

Modern Technology
Stack

Production-grade, cloud-native, and built for scale.

Frontend

  • React 19 + Vite 7
  • React Router DOM 7
  • TanStack React Query
  • Tailwind CSS 4
  • Framer Motion
  • Axios HTTP Client

Backend

  • Node.js (ES Modules)
  • Express.js REST API
  • Passport.js
  • BcryptJS
  • Multer + ExcelJS
  • Nodemailer + Pino

Database

  • MongoDB Atlas
  • Mongoose ODM
  • Aggregation Pipelines
  • Pre-Save Hooks
  • Schema Validation
  • Counter Collections

Infrastructure

  • Vercel Frontend Hosting
  • Node Backend Cloud
  • MongoDB Atlas Cloud
  • SSL/TLS Encryption
  • Multi-origin CORS
  • Health Monitoring

Third-Party Integrations

QuickBooks Online APIGoogle OAuth 2.0SMTP Email ServicesCSV / XLSX ProcessingJWT + Refresh Tokens

Security & Compliance

Enterprise-
Grade Security
Architecture

Multi-layered protection across every tier — authentication, APIs, database, and cloud infrastructure.

🛡️

JWT Access Tokens + Refresh Token Auto-Rotation

🔑

Google OAuth 2.0 Social Authentication

🎭

Role-Based Access Control (RBAC)

🔒

BcryptJS Password Hashing & Secure Reset

Rate-Limited Authentication APIs

🌐

Helmet Security Headers + Multi-origin CORS

📋

Express Validator Input Sanitization

🔍

Structured Logging & Auth Event Monitoring

Performance & Scalability

Optimized for Real-World Scale

90%

API Performance

Modular service-oriented backend with optimized REST API response handling

85%

DB Query Speed

MongoDB indexing and aggregation pipelines for fast reporting and data filtering

95%

Frontend Score

React Query caching, SPA routing, and lazy loading for optimal user experience

Implementation

Built in 12 Weeks

A structured 4-phase delivery — from architecture to production launch.

01

Weeks 1–3

Foundation

  • System architecture & DB design
  • Authentication setup
  • Core backend initialization
  • React frontend scaffolding
02

Weeks 4–7

Core Modules

  • Contacts & Leads system
  • Sales pipeline & deals
  • Quotes & estimates module
  • Print & web production boards
03

Weeks 8–10

Integrations

  • QuickBooks OAuth + sync
  • Workflow automation
  • CSV/XLSX processing
  • Public inquiry portal
04

Weeks 11–12

Launch

  • QA & regression testing
  • Performance optimization
  • Deployment configuration
  • Production release

🚀 Ready to See It Live

Building Solutions &
Ecosystems
for the Future

From inquiry capture to QuickBooks billing — AC Graphics CRM proves complex operations can be beautifully unified.