phoenix
phoenixPhoenix - Your AI Assistant
Inactive session will be ended in 24 hours
End Session

Build Web App from Working React Prototype — Next.js

  • Posted:
  • Proposals: 51
  • Remote
  • #4477165
  • OPPORTUNITY
  • Open for Proposals
Shahvez J.CYTNHIA W.David O.James H.Asif Q. + 46 others have already sent a proposal.
  • 6

Description

Experience Level: Expert
DESCRIPTION:

I have a fully built, working React component (~1,100 lines) for a professional sustainability assessment tool. All the scoring logic, user interface, interactive charts, and intelligent recommendation engine are complete and tested. I need a developer to turn this into a hosted web application with user accounts and basic admin features.

WHAT EXISTS:
— Complete React JSX component with all tool logic working
— Technical specification document with architecture and data model
— Clear requirements for what to build

WHAT I NEED YOU TO BUILD:

1. Wrap the existing React component in a Next.js application
2. User authentication (email/password sign-up and login)
3. Simple admin panel where I can create "workspaces" (one per client) and "projects" (assessment exercises within each workspace)
4. Participants log in → see their workspace's projects → select one → complete assessment
5. Auto-save progress on every step (so users can close and return later)
6. On completion, user enters an email address → receives a branded PDF of their results
7. Deploy to Vercel or similar with my custom domain
8. Responsive design (desktop + tablet)
9. Cross-browser (Chrome, Safari, Firefox, Edge)

IMPORTANT: The core React component and its scoring algorithms must NOT be modified. Your role is to build the application shell around a working engine, not redesign the engine.

REQUIRED SKILLS:
— React / Next.js (strong)
— Supabase or Firebase (auth + database)
— Server-side PDF generation (Puppeteer or similar)
— Transactional email (Resend, SendGrid, or similar)
— Vercel/Netlify deployment
— Responsive CSS
— Clean, production-quality code

NICE TO HAVE:
— Experience building SaaS or tool-based web apps
— Experience with role-based access control (admin vs participant)

TO APPLY:
Please share:
1. Your portfolio or 2–3 examples of similar projects (especially tools, dashboards, or apps with user accounts)
2. Your estimated cost and timeline
3. A brief note on which tech stack you'd use and why

I will share the full specification document and working React source file with shortlisted candidates. Payment: 30% upfront, 40% at first working demo, 30% on final delivery.

New Proposal

Login to your account and send a proposal now to get this project.

Log in

Clarification Board Ask a Question

  • Muhammad T.

    Would you like me to review the React component and spec document?

  • Dorcas O.

    Hey Tito, You mentioned email/password sign-up—do you also want social logins (e.g., Google, LinkedIn) or SSO support?
    - Should participants have any permissions beyond accessing their workspace, or is it strictly view-and-complete?
    :
    - Should the admin panel allow bulk actions (e.g., invite multiple users, duplicate projects)?
    - Do you need activity logs or exportable reports on user progress?

    - Do you have a branded PDF template (e.g., logo, colors, layout), or should I design one from scratch?
    - Should the PDF include charts/images from the assessment results?

    - You listed Supabase or Firebase—are you open to using Supabase with PostgreSQL and Row Level Security, or do you prefer Firebase?
    - For email delivery, do you have a preference between Resend, SendGrid, or another provider?

    - Will you provide the Vercel account access, or should I set it up under your domain with CI/CD via GitHub?
    - Do you have a staging environment, or should I create one?

    - What is your target launch date?
    - When can I expect feedback during the 30% → 40% → 30% delivery phases?

    - Do you have a style guide (colors, fonts, UI components) to match the new design with your brand?

    - Are there accessibility requirements (e.g., WCAG compliance)?

    - Are there planned features post-launch (e.g., team collaboration, API access, analytics dashboard)?

  • Cornelius O.

    Is the sustainability assessment intended to evolve into a multi-tenant SaaS platform where different clients operate in fully isolated environments long-term, or is this primarily a managed tool where you retain central oversight across all workspaces?