SaaS Frontend Developer with n8n Integration Skills
🚀 Webflow Developer: Complete Dashboard & Onboarding Flow Build with Backend n8n Integration
⚠️ THIS IS NOT A STANDARD WEBFLOW PROJECT
We need a Webflow developer with JavaScript, Webhook, & API experience to finish the final 30% of our SaaS application frontend.
The public website is done—we need someone who can build interactive dashboards and multi-step forms with real-time backend connections.
________________________________________
What's Already Complete
✅ 8 public pages (homepage, pricing, FAQ, etc.)
✅ Responsive design and styling
✅ Navigation and footer components
✅ All static content
See it here: permitprowler.webflow.io/
________________________________________
What You Need to Build (2 Components Only)
- Onboarding Form Page
•4-step progressive form with client-side validation
• Collects: company info, ZIP codes, trade specialties, preferences
• Connects to n8n webhook via POST request
• Displays success state after submission
• Must handle errors gracefully
Technical Specifics:
• Custom JavaScript for form navigation logic
• Fetch API for webhook POST with authentication header
• JSON payload formatting per provided spec
• Responsive across mobile/desktop
- Dashboard Application
• Authenticated subscriber portal with 3 views:
o My Alerts: Display permit alerts from Supabase database
o Settings: Editable profile form (saves to Supabase)
o Billing: Display subscription info
• Supabase authentication integration (magic link or passwordless)
• "Generate Introduction" button that triggers n8n webhook
• Fixed sidebar navigation with view switching
• Real-time data loading from PostgreSQL database
Technical Specifics:
• Supabase JS client integration (v2)
• Multiple webhook POST requests with auth headers
• Dynamic content rendering from database queries
• CRUD operations (Read alerts, Update settings)
• Authenticated routing (redirect if not logged in)
- Testing & QA
• End-to-end testing of both components
• Cross-browser compatibility verification
• Mobile responsive testing
• Integration testing with backend developer
________________________________________
Required Skills (Must Have All)
✅ Must Have:
- Webflow Custom Code - You've built functionality beyond Webflow's drag-and-drop (not just animations)
- JavaScript (ES6+) - Comfortable with fetch API, async/await, promises, DOM manipulation
- Webhook/API Integration - Have connected external APIs to forms (POST requests with authentication)
- Authentication Systems - Experience with Supabase, Firebase, Auth0, or similar
- Form Validation - Built multi-step forms with complex validation logic
- JSON - Understand payload formatting and parsing API responses
💡 Nice to Have:
• n8n workflow experience
• SaaS dashboard design patterns
• PostgreSQL/Supabase database queries
• Experience with Stripe checkout integrations
❌ Do NOT Apply If:
• You only build static Webflow sites without custom code
• You've never integrated external APIs or webhooks
• You're not comfortable writing JavaScript beyond basic animations
• You've never built user dashboards with dynamic data
• You can't explain the difference between GET and POST requests
________________________________________
What We Provide (Everything You Need)
✅ Complete Developer Guide (4,000+ words) with:
• Full HTML/CSS/JavaScript code examples
• Complete webhook endpoint documentation
• Database schema and field names
• API payload/response formats
• Step-by-step implementation instructions
• Testing scenarios with expected outcomes
✅ Backend Developer Support:
• Webhook endpoints have already been built and tested
• Authentication credentials provided
• Supabase database access
• Available for integration questions via Slack
✅ Design Specifications:
• Complete UI mockups
• Brand colors and typography defined
• Responsive breakpoints documented
This is essentially a "copy, customize, and connect" project if you have the right skills.
________________________________________
Project Details
Budget: $600 USD (fixed price, milestone-based)
Timeline: 10-14 calendar days
Availability: Must be available for daily check-ins
Communication: English proficiency required (written)
________________________________________
Milestone Payment Structure
Milestone 1 (40%): Onboarding form complete and tested - $240
✅ All 4 steps functional
✅ Validation is working correctly
✅ Webhook integration tested with backend dev
✅ Success state displays
Milestone 2 (50%): Dashboard complete and tested - $300
✅ Authentication working (redirects if not logged in)
✅ All 3 views functional (Alerts, Settings, Billing)
✅ Data loads from Supabase correctly
✅ "Generate Introduction" webhook integration is working
✅ Settings save functionality is working
Milestone 3 (10%): Full integration tested and deployed - $60
✅ End-to-end flow tested (Stripe → Onboarding → Dashboard)
✅ Cross-browser testing complete
✅ Mobile responsive verified
✅ Backend developer confirms integration works
✅ Documentation provided for maintenance
Bonus: $50 if delivered early with zero bugs and excellent code quality
________________________________________
Application Requirements (MUST INCLUDE ALL)
- Portfolio Links (REQUIRED):
• At least 2 Webflow projects with custom JavaScript functionality
• At least 1 project showing API/webhook integration
• If you've built dashboards or admin panels, show them
- Specific Experience Statement:
Write 3-4 sentences for each:
• API Integration: Describe a project where you integrated Webflow with an external API. What API was it? What challenges did you face?
• Authentication: Explain your experience with user authentication systems. Have you used Supabase before?
• Complex Forms: Tell us about the most complex form you've built. How did you handle validation?
- Technical Screening Questions:
Answer these in your proposal:Q1: Have you built multi-step forms with validation in Webflow before?
• Yes (explain which project and complexity)
• No (but willing to learn from provided examples)
Q2: Have you integrated webhooks in Webflow custom code?
• Yes (provide example and which API)
• No (but have API integration experience in other contexts)
Q3: Have you worked with Supabase or similar auth/database systems?
• Supabase (which projects?)
• Firebase (which projects?)
• Other (specify)
• No experience (can learn from documentation)
Q4: On a scale of 1-10, rate your JavaScript skills: _____
• Explain what "8/10" means to you (be specific)
Q5: Share ONE portfolio link that best represents your fit for this job:
• Link: _______________
• Why this project: _______________
- Availability:
• When can you start? _______________
• How many hours per day can you commit? _______________
• What's your timezone? _______________
________________________________________
Interview Process
Round 1: Portfolio review
Round 2: screening questions evaluation – tell us all about your specific experience with fetch API, webhooks, async/await)
Round 3: Paid test task ($40 for 2 hours):
• Build a simple form that POSTs to a provided webhook endpoint
• Display the response in a success message
• This tests your ability to follow our documentation style
If Hired:
• Full access to 4,000+ word developer guide
• Direct line to backend developer for integration support
• Test credentials for Supabase and n8n endpoints
• Daily check-ins via Slack/Discord
________________________________________
Red Flags We're Watching For 🚩
Bad Signals:
• Generic "I can do everything" proposals with no specifics
• Claims of expertise with no portfolio proof
• Extremely low rates with no justification ($10/hr for this complexity = red flag)
• No questions about the tech stack or webhook integration
• Copy-paste proposals sent to 50+ jobs
Good Signals:
• Asks specific questions about Supabase integration approach
• Requests to review the developer guide before bidding
• Mentions specific webhook projects (even if not Webflow)
• Realistic timeline estimate (not "I can finish in 2 days")
• Demonstrates understanding that custom code ≠ standard Webflow
________________________________________
Why This Project Is Interesting
✅ Modern Tech Stack: Work with Supabase, n8n, webhooks
✅ Complete Documentation: You won't be figuring things out alone
✅ Clear Scope: Exactly 2 components - no scope creep
✅ Portfolio Piece: Real SaaS application you can showcase
✅ Backend Support: Direct access to backend dev during integration
✅ Future Work Potential: If you do well, we have Phase 2 features planned
________________________________________
Important Notes
This is NOT a Beginner Project
If you're still learning Webflow custom code or haven't done API integrations, this will be frustrating for both of us. Be honest about your skill level.
Timeline is Firm
We need this completed in 10-14 days to launch. If you can't commit to daily progress updates and consistent availability, please don't apply.
We Value Quality Over Speed
But we also need to launch. The sweet spot: delivered on time with clean, maintainable code.
________________________________________
To Apply:
Click "Submit Proposal" and include:
- ✅ Your answers to all 5 screening questions
- ✅ Portfolio links (minimum 2 projects, must show custom code)
- ✅ Your specific experience statement (3 paragraphs)
- ✅ Your hourly rate or fixed-price bid
- ✅ Your availability and timeline
- ✅ At least one question you have about the project
Applications without portfolio links or answers to screening questions will be automatically rejected.
________________________________________
Budget Justification & Market Rates
Why $600 + Bonus for This Scope?
You're not being paid to build HTML/CSS (that's done). You're being paid for:
• JavaScript expertise (fetch API, async/await, error handling)
• API integration experience (webhook authentication, payload formatting)
• Problem-solving when integrations fail
• Understanding of authentication flows and database queries
________________________________________
Success Criteria (How You Know You're Done)
Onboarding Form:
✅ All 4 steps navigate smoothly without console errors
✅ Validation prevents invalid submissions (tested all edge cases)
✅ Backend developer confirms payload arrives in the correct format
✅ Success message displays after successful submission
✅ Works flawlessly on iPhone Safari and Android Chrome
Dashboard:
✅ Authentication redirect works (try accessing the dashboard URL logged out)
✅ Alerts load from the database and display with proper formatting
✅ Settings form pre-populates with current data
✅ Settings changes save to the database and persist after refresh
✅ "Generate Introduction" triggers webhook and shows confirmation
✅ Billing info displays correctly from the database
✅ All views work on mobile devices (tablet and phone)
Integration:
✅ Backend developer confirms both webhooks receive data correctly
✅ Test subscriber completes full flow: Stripe → Onboarding → Dashboard → Alert
✅ No console errors in any browser
✅ Page load time: Under 3 seconds on mobile 4G
________________________________________
Questions?
Reply to this post or DM with:
• Your portfolio (required)
• Your specific questions about the project
• Your availability and rate
Serious applicants only. Portfolio review happens within 24 hours.
Job Qualifications
- Cross-browser compatibility verification
- Webflow Custom Code - You've built functionality beyond Webflow's drag-and-drop (not just animations)
- JavaScript (ES6+) - Comfortable with fetch API, async/await, promises, DOM manipulation
- Webhook/API Integration - Have connected external APIs to forms (POST requests with authentication)
- Authentication Systems - Experience with Supabase, Firebase, Auth0, or similar
- Form Validation - Built multi-step forms with complex validation logic
- JSON - Understand payload formatting and parsing API responses
- n8n workflow experience
- SaaS dashboard design patterns
- PostgreSQL/Supabase database queries
- Experience with Stripe checkout integrations
- You only build static Webflow sites without custom code
- You've never integrated external APIs or webhooks
- You're not comfortable writing JavaScript beyond basic animations
- You've never built user dashboards with dynamic data
- Webhook endpoints have already been built and tested
- Supabase database access
- Availability: Must be available for daily check-ins
- Communication: English proficiency required (written)
- ✅ Validation is working correctly
- At least 2 Webflow projects with custom JavaScript functionality
- At least 1 project showing API/webhook integration
- If you've built dashboards or admin panels, show them
- Yes (explain which project and complexity)
- No (but willing to learn from provided examples)
- No (but have API integration experience in other contexts)
- No experience (can learn from documentation)
- Full access to 4,000+ word developer guide
- Test credentials for Supabase and n8n endpoints
- Claims of expertise with no portfolio proof
- Mentions specific webhook projects (even if not Webflow)
- Realistic timeline estimate (not "I can finish in 2 days")
- Demonstrates understanding that custom code ≠ standard Webflow
- ✅ Complete Documentation: You won't be figuring things out alone
- This is NOT a Beginner Project
- JavaScript expertise (fetch API, async/await, error handling)
- API integration experience (webhook authentication, payload formatting)
- Problem-solving when integrations fail
- Understanding of authentication flows and database queries
- ✅ Works flawlessly on iPhone Safari and Android Chrome
Job Benefits
- Available for integration questions via Slack
- Budget: $600 USD (fixed price, milestone-based)
- Milestone 1 (40%): Onboarding form complete and tested - $240
- Milestone 2 (50%): Dashboard complete and tested - $300
- Milestone 3 (10%): Full integration tested and deployed - $60
- Bonus: $50 if delivered early with zero bugs and excellent code quality
- Generic "I can do everything" proposals with no specifics
- Extremely low rates with no justification ($10/hr for this complexity = red flag)
- Why $600 + Bonus for This Scope?
Job Responsibilities
- We need a Webflow developer with JavaScript, Webhook, & API experience to finish the final 30% of our SaaS application frontend
- The public website is done—we need someone who can build interactive dashboards and multi-step forms with real-time backend connections
- ✅ Responsive design and styling
- ✅ Navigation and footer components
- Onboarding Form Page
- 4-step progressive form with client-side validation
- Collects: company info, ZIP codes, trade specialties, preferences
- Connects to n8n webhook via POST request
- Displays success state after submission
- Must handle errors gracefully
- Custom JavaScript for form navigation logic
- Fetch API for webhook POST with authentication header
- JSON payload formatting per provided spec
- Responsive across mobile/desktop
- My Alerts: Display permit alerts from Supabase database
- Supabase authentication integration (magic link or passwordless)
- "Generate Introduction" button that triggers n8n webhook
- Fixed sidebar navigation with view switching
- Real-time data loading from PostgreSQL database
- Supabase JS client integration (v2)
- Multiple webhook POST requests with auth headers
- Dynamic content rendering from database queries
- CRUD operations (Read alerts, Update settings)
- Authenticated routing (redirect if not logged in)
- Testing & QA
- End-to-end testing of both components
- Mobile responsive testing
- Integration testing with backend developer
- Full HTML/CSS/JavaScript code examples
- Complete webhook endpoint documentation
- Database schema and field names
- Step-by-step implementation instructions
- Testing scenarios with expected outcomes
- Complete UI mockups
- Brand colors and typography defined
- Responsive breakpoints documented
- This is essentially a "copy, customize, and connect" project if you have the right skills
- ✅ "Generate Introduction" webhook integration is working
- ✅ End-to-end flow tested (Stripe → Onboarding → Dashboard)
- ✅ Documentation provided for maintenance
- API Integration: Describe a project where you integrated Webflow with an external API
- Build a simple form that POSTs to a provided webhook endpoint
- Display the response in a success message
- This tests your ability to follow our documentation style
- Direct line to backend developer for integration support
- Daily check-ins via Slack/Discord
- Asks specific questions about Supabase integration approach
- Requests to review the developer guide before bidding
- ✅ Your answers to all 5 screening questions
- ✅ Portfolio links (minimum 2 projects, must show custom code)
- ✅ Alerts load from the database and display with proper formatting
- ✅ Settings changes save to the database and persist after refresh
- ✅ "Generate Introduction" triggers webhook and shows confirmation