Pro Solar Designer is a premium, multi-tenant SaaS platform designed for modern solar installation companies. It combines a powerful Design Editor with a robust CRM and Project Management suite, enabling installers to go from lead to technical design and formal quote in minutes.
You can access the platform using the following credentials:
- Email:
eybers.jp@gmail.com - Password:
Password123!(Verified)
- Precision Canvas: Built with Fabric.js for smooth, vector-based design.
- Component Catalogue: Real-world data for solar panels, inverters, and batteries.
- Image Overlays: Upload satellite imagery or roof photos as a design background.
- Real-time Properties: Adjust rotation, scaling, and metadata for every component.
- Lead Pipeline: Kanban-style CRM to track prospects from first contact to signed contract.
- Multi-Tenancy: Complete data isolation using PostgreSQL Row-Level Security (RLS).
- Task Management: Track installation steps and project milestones.
- Automated BOM: Real-time Bill of Materials calculation based on your design.
- Pricing Analysis: Instant visibility into cost price, retail price, and gross margins.
- Technical Export: Export designs as high-resolution PDF documents.
- Framework: Next.js 15+ (App Router)
- Backend: InsForge (Managed PostgreSQL + Auth)
- Canvas Engine: Fabric.js
- State Management: Zustand
- Styling: Vanilla CSS with Glassmorphism Design System
- PDF Generation: jsPDF
- Multi-tenant infrastructure & Auth
- CRM & Projects Modules
- Core Design Editor with component sync
- BOM Calculation & PDF Export
- ROI Analytics: Automated savings and ROI charts for proposals.
- Digital Signatures: Send proposals for secure online signing.
- Real-time Collaboration: Multi-user co-editing on the same design.
- Stripe Integration: Accept deposits and payments directly.
- Shading Analysis: 3D shading simulation based on site photos.
- Supplier API: Live pricing and inventory from major distributors.
- Mobile App: On-site measurement and lead capture tool.
- Node.js 18+
- InsForge Project Credentials
- Clone the repository:
git clone https://github.com/eybersjp/Pro-Solar-Designer.git
- Install dependencies:
npm install
- Set up environment variables in
.env.local:NEXT_PUBLIC_INSFORGE_URL=your_project_url NEXT_PUBLIC_INSFORGE_ANON_KEY=your_anon_key
- Run the development server:
npm run dev
Distributed under the MIT License. See LICENSE for more information.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request