8080.AI
DesignReqsTasksUser FlowArchitecture
Log inSign up for free

lemon-platform

byNeonaura Tech

You are a senior SaaS architect and full-stack engineer. Build a **multi-tenant SaaS platform** for an IT agency named **NEONAURATECH**. This platform allows the agency to create, manage, and host websites for multiple clients (like dental clinics, real estate, etc.), capture leads, and automate follow-ups. --- # 🧠 TECH STACK Frontend: * React (Vite) * Tailwind CSS * Framer Motion Backend: * Node.js + Express Database: * MongoDB (Mongoose) Auth: * JWT-based authentication Deployment: * Frontend → Vercel * Backend → Render / Railway * DB → MongoDB Atlas --- # 🏗️ CORE ARCHITECTURE ## Multi-Tenant System Each client has: * Unique workspace * Own website data * Own leads * Own settings Use: * tenantId in all schemas --- # 📁 PROJECT STRUCTURE /frontend /src /components /pages /dashboard /auth /builder /backend /controllers /models /routes /middleware /services --- # 🔐 AUTH SYSTEM Features: * Signup / Login * JWT tokens * Role-based access: * Admin (you) * Client --- # 👨‍💼 ADMIN PANEL (YOUR CONTROL) Features: * Create new client * Assign plan (Free / Pro / Enterprise) * View all leads across clients * Analytics dashboard * Manage subscriptions --- # 👤 CLIENT DASHBOARD Each client gets login access. ## Features: ### 1. Website Builder * Edit: * Hero text * Services * Contact info * Upload images * Toggle sections ON/OFF ### 2. Leads Dashboard * View all leads * Status: * New * Contacted * Converted ### 3. Settings * Domain config * Email settings * WhatsApp number --- # 🌐 WEBSITE GENERATOR Dynamic website system: * One template (NEONAURATECH design) * Data pulled from DB * Route: /site/:clientSlug Example: * neonauratech.com/site/dental-clinic-x --- # 🧾 DATABASE MODELS ## User * name * email * password * role (admin/client) ## Client * name * slug * plan * ownerId ## WebsiteContent * clientId * hero * services * about * contact ## Lead * clientId * name * email * message * status --- # 📞 LEAD SYSTEM * Form on website → API → DB * Store leads per client * Show in dashboard --- # ⚙️ AUTOMATION ENGINE When new lead comes: Trigger: * Send email (NodeMailer) * Send WhatsApp (Twilio API) * Store event log --- # 🎨 FRONTEND FEATURES ## Public Website * Glassmorphism UI * Purple theme * Animations * Fully responsive ## Dashboard UI * Sidebar navigation * Charts (Recharts) * Tables (leads) --- # 💳 MONETIZATION (IMPORTANT) Add subscription logic: Plans: * Free → limited leads * Pro → ₹5K/month * Enterprise → ₹15K/month Limit features by plan. --- # 🔥 BONUS FEATURES * Webhook logs * Activity tracking * Lead export (CSV) * SEO meta editor * Blog module (optional) --- # 🚀 OUTPUT REQUIREMENTS Generate: 1. Full backend (routes, controllers, models) 2. Frontend pages (auth, dashboard, builder, public site) 3. API integration 4. Sample data 5. Setup instructions DO NOT give partial output. This must be a working SaaS product.

LandingBuilderLogin
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 7

System Requirements Document (SRD)

Project Name: lemon-platform

1. Introduction

Welcome to the System Requirements Document (SRD) for lemon-platform, a multi-tenant SaaS platform developed for Neonaura Tech, an IT agency based in India. This platform is designed to empower Neonaura Tech to create, manage, and host websites for multiple clients, capture leads, and automate follow-ups. The document outlines the system's requirements, architecture, and design principles to ensure the successful delivery of the platform.

2. System Overview

The lemon-platform is a multi-tenant SaaS solution tailored for IT agencies to streamline client website management and lead generation. It provides:

  • Multi-Tenant Architecture: Each client operates in an isolated workspace with their own website data, leads, and settings.
  • Website Builder: A dynamic website generator with customizable sections.
  • Lead Management: Dashboards for tracking and managing leads.
  • Automation Engine: Automated email and WhatsApp follow-ups for new leads.
  • Subscription Plans: Monetization through tiered plans with feature limitations.

The platform is designed to be scalable, secure, and user-friendly, leveraging modern technologies and frameworks.

Page 2 of 7

3. Functional Requirements

Admin Features:

  • As Admin, I should be able to create new clients.
  • As Admin, I should be able to assign subscription plans (Free, Pro, Enterprise).
  • As Admin, I should be able to view all leads across clients.
  • As Admin, I should be able to access an analytics dashboard.
  • As Admin, I should be able to manage subscriptions.

Client Features:

  • As Client, I should be able to log in to my dashboard.
  • As Client, I should be able to customize my website (edit hero text, services, contact info, upload images, toggle sections ON/OFF).
  • As Client, I should be able to view and manage leads (status: New, Contacted, Converted).
  • As Client, I should be able to configure domain, email, and WhatsApp settings.

Public Website Features:

  • As User, I should be able to view the client’s website dynamically generated from the database.
  • As User, I should be able to submit lead forms.

Automation Features:

  • As System, I should send automated emails and WhatsApp messages when a new lead is captured.
  • As System, I should log all events for auditing purposes.

4. User Personas

Page 3 of 7

Admin

  • Role: Platform owner and manager.
  • Responsibilities: Manage clients, subscription plans, and analytics.
  • Access Level: Full access to all features and data.

Client

  • Role: Business owner using the platform to manage their website and leads.
  • Responsibilities: Customize website, track leads, and configure settings.
  • Access Level: Restricted to their own workspace.

Guest/User

  • Role: Visitor to the client’s website.
  • Responsibilities: Submit lead forms and interact with the website.
  • Access Level: Public access.

5. Visuals Colors and Theme

Page 4 of 7

Color Palette

The lemon-platform will feature a vibrant and professional color scheme to reflect its dynamic and modern identity:

  • Background: #F7F9FC (Soft Cloud White)
  • Surface: #FFFFFF (Pure White)
  • Text: #333333 (Charcoal Black)
  • Accent: #FFD700 (Lemon Yellow)
  • Muted Tones: #B0BEC5 (Steel Grey)

This palette ensures clarity, professionalism, and a touch of vibrancy to resonate with Neonaura Tech’s branding.

6. Signature Design Concept

Concept: Interactive Lemon Grove Homepage

The homepage of lemon-platform will feature an interactive lemon grove design. Users will see a vibrant grove of lemon trees, each tree representing a client workspace.

Key Features:

  • 3D Animation: Lemon trees sway gently in the breeze, with lemons glowing to indicate active clients.
  • Hover Interaction: Hovering over a tree reveals client details (e.g., name, plan, leads count) in a tooltip.
  • Click Interaction: Clicking a tree zooms into the workspace, transitioning to the client dashboard.
  • Color Dynamics: The grove’s background shifts subtly from dawn to dusk based on the user’s local timezone.
  • Micro-Interactions: Lemons drop from trees when leads are captured, with a satisfying bounce animation.

This design creates a memorable and engaging first impression, blending functionality with creativity.

Page 5 of 7

7. Non-Functional Requirements

  • Scalability: The platform must support hundreds of clients without performance degradation.
  • Security: Implement robust authentication (JWT) and data isolation (tenantId).
  • Responsiveness: Ensure seamless usability across devices (desktop, tablet, mobile).
  • Localization: Default settings tailored for India (e.g., currency in INR, timezone IST).
  • Availability: 99.9% uptime guarantee.

8. Tech Stack

Frontend

  • React (Vite)
  • Tailwind CSS
  • Framer Motion

Backend

  • Python
  • FastAPI

Database

  • MongoDB (Mongoose) for NoSQL
  • MySQL or MariaDB for RDBMS (using Alembic for migrations)
Page 6 of 7

AI Models

  • GPT 5.4 for user-friendly responses
  • Claude 4.6 Opas for academic/coding work
  • Gemini 3.1 Pro for friendly responses
  • Google Nano Banana for image generation

AI Tools

  • Litellm for LLM Routing
  • Langchain

Deployment

  • Frontend → Vercel
  • Backend → Render / Railway
  • Database → MongoDB Atlas

Orchestration

  • Local: Docker, docker-compose
  • Server-side: Kubernetes

9. Assumptions and Constraints

Assumptions

  • Clients will primarily be small to medium-sized businesses.
  • The platform will initially target the Indian market.
  • Subscription payments will be processed via Stripe or Razorpay.
Page 7 of 7

Constraints

  • Limited to the specified tech stack for consistency and maintainability.
  • Deployment must adhere to budget constraints for hosting and orchestration.

10. Glossary

  • Multi-Tenant: Architecture where multiple clients share the same platform but have isolated data and settings.
  • JWT: JSON Web Token, used for secure authentication.
  • Lead: A potential customer who submits their information via the client’s website.
  • TenantId: Unique identifier for each client workspace.
  • Automation Engine: System for triggering automated actions like emails and WhatsApp messages.

This concludes the updated System Requirements Document for lemon-platform. Let’s bring this vision to life!

Landing: View Grove
Login: Sign In
Dashboard: View Analytics
Dashboard: Manage Clients
Clients: Create Client
Clients: Assign Plan
Leads: View All Leads
Leads: Filter by Client
Subscriptions: Manage Plans
Subscriptions: Update Plan
Analytics: View Reports