Onboarding Flow

[iamshanvy]

hi, the PR closes #2

Following features implement from the issue:

• Google maps tiles ✅
• Input with geosearch ✅
• open map immediately with "vertex" tool active ✅
• update right sidebar with all acres submitted (added some simple calculations for demo) ✅
• ask for name + email ✅
• submit form and send an email to us and a confirmation email to the user submitting, including magic signin link
• bonus points: detect language of the submitted locations and send the email in the correct language ✅
• after submitting the form, show a nice looking "Thank you for submitting your acres. We will be in touch with you within the next 24 hours" ✅
• be able to log in afterwards with supabase magic-link with the users email ✅
• logged in, you can see a 4 step Stepper (Details, In Review, Planning, Deployment) using https://shadcn-stepper.vercel.app/ ✅
• In our DB we should track every users step and we can update them manually in the beginning ✅

Demo:

General Demo: https://drive.google.com/file/d/1RoDnZ3fHMFmMKzww3zaG9XYSGwxI_xI6/view?usp=sharing

Signup invalid state: https://drive.google.com/file/d/1CKUhDcIjN6hgowwMbY5aCmTnwMUiTkZN/view?usp=sharing

Onboarding invalid state:

Notes and considerations:

• No major dependencies were added except for necessary ones
• Followed already established project configurations, minimum modifications made
• Stepper component slightly extended to track last step
• Completion time about 8 hours including breaks
• Currently email language supports DE only and tracked based on first chosen acre location
• Supabase is protected with RLS policies
• Supabase is using Resend as smtp instead of limited built in one
• Project is treated as normal full-stack Nextjs project
• User profile and acres are saved even if user did not login, after login user status is changed to verified
• Duplicate acres submissions are not allowed (if user already submitted acres)
• Additional details APIs validate current step before allowing form submissions to prevent duplicates
• Full coordinates saved as jsonb and area is saved as square meters

Setup:

1. Create supabase project

2. Create profiles and submitted_areas tables

3. Setup RLS policies

4. Modify Supabase Email template to following

   {{if eq .Data.language "DE"}}
   <h2>Willkommen! - Solarpunkhq</h2>
   <p>Sie können diesem Link folgen, um sich anzumelden:</p>
   <p><a href="{{ .ConfirmationURL }}">Einloggen</a></p>
   {{else}}
   <h2>Welcome! - Solarpunkhq</h2>
   <p>You may follow this link to login:</p>
   <p><a href="{{ .ConfirmationURL }}">Log In</a></p>
   {{end}}

5. Get necessary .env variables from Supabase project settings > API Settings

6. Sign up on resent get your API keys, replace resend api key in .env

7. Configure Supabase SMTP to use resend https://supabase.com/docs/guides/auth/auth-smtp https://resend.com/changelog/smtp-service

8. Run Application

[vercel[bot]]

@iamshanvy is attempting to deploy a commit to the solarpunk Team on Vercel.

A member of the Team first needs to authorize it.

[PeerRich]

we will go with https://github.com/solarpunk2077/solarpunk/pull/3

but your work was great too!

i will follow up with your bounty reward in the next 24 hours 🙏

thank you for applying