Fuzzie is a powerful SaaS Automation Builder designed to help users create custom workflows, integrate third-party services, and automate repetitive tasks effortlessly. Built using Next.js, Clerk for authentication, PostgreSQL for database management, and React Flow for visual workflows, Fuzzie empowers developers and non-technical users alike to build complex automations with ease.
🔄 Visual Workflow Builder using React Flow
🔗 Third-Party Integrations (Google Drive, GitHub, Stripe, etc.)
🔐 Secure Authentication with Clerk SSO (Google, GitHub)
💳 Subscription Management (Free, Pro, Gold) using Razorpay
📦 Role-Based Access Control for Admin and Users
🧩 Tokenization & Encryption for secure API handling
🌐 OAuth Token Management for external service access
📊 Built-in analytics and logs for monitoring automation
Framework: Next.js
Database: PostgreSQL
Authentication: Clerk
UI Components: Tailwind CSS
Visual Automation: React Flow
Payment Integration: Razorpay
Google API: Google Drive SDK
fuzzie-production/ │ ├── app/ # Next.js app directory │ ├── api/ # API routes │ ├── components/ # Reusable React components │ ├── workflows/ # Visual workflow components using React Flow │ ├── connections/ # Third-party integration handlers │ ├── lib/ # Utility functions (Google API, Razorpay, etc.) ├── prisma/ # Prisma schema and database configuration ├── public/ # Public assets ├── styles/ # Tailwind CSS & global styles ├── .env.local # Environment variables ├── next.config.js # Next.js configuration ├── package.json # NPM dependencies and scripts └── README.md # Project documentation
- Clone the repository
git clone https://github.com/Coderx85/fuzzie-production.git cd fuzzie-production
- Install dependencies
npm install
- Create .env.local file Add your environment variables:
DATABASE_URL=postgresql://:@:/<db_name> NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your-clerk-publishable-key CLERK_SECRET_KEY=your-clerk-secret-key GOOGLE_CLIENT_ID=your-google-client-id GOOGLE_CLIENT_SECRET=your-google-client-secret RAZORPAY_KEY_ID=your-razorpay-key-id RAZORPAY_KEY_SECRET=your-razorpay-key-secret
- Run Prisma migrations Initialize the database schema:
npx prisma migrate dev
- Start the development server
npm run dev
-
Create an Account Sign up using Google SSO or another supported method.
-
Build a Workflow
Use the visual workflow builder to add custom automation nodes.
Drag-and-drop different action nodes like Google Drive, GitHub, or custom webhooks.
- Manage Subscriptions Choose from:
Free - 10 credits
Pro - 100 credits
Gold - 1000 credits
- Monitor & Manage
View logs of automation events
Check subscription usage and credits left
Only admin users can:
Add or remove integration nodes
Manage subscription plans
View detailed app analytics
Token Encryption & Secure Handling using Clerk
Google Drive Integration via OAuth2 token fetched through Clerk
Stripe/Razorpay Payment Handling with Webhooks for real-time updates
GitHub Node Integration (coming soon)
-
Fork the repository
-
Create a new branch (git checkout -b feature/YourFeature)
-
Make your changes and commit (git commit -m 'Add some feature')
-
Push to the branch (git push origin feature/YourFeature)
-
Create a Pull Request
This project is licensed under the MIT License. See the LICENSE file for details.
Web Prodigies for the initial project setup
React Flow for the visual automation builder
Clerk for seamless authentication