Refactor JS App, Supabase Auth

I wrote my entire JavaScript front-end as one large file and it has become hard to maintain. I now need the codebase broken into clear, self-contained modules: Home, Market, Order, Purchase, Wallet and Profile. Each view or feature should live in its own file, exporting only what it needs so that I can edit or extend a single section without touching the rest.

At the same time I want a proper sign-up, login and password-reset flow wired to Supabase. The registration form must collect e-mail, phone number and a user-chosen username, store them in my Supabase table, and confirm that the record is created before routing the user forward. For “Forgot password”, the user should be able to request a reset code that arrives either by e-mail or by the phone number on file; entering that code should let them set a new password and regain access.

Deliverables
• A refactored JavaScript project with six separate modules: Home.js, Market.js, Order.js, Purchase.js, Wallet.js and Profile.js, plus a clean index or router file that glues them together.
• Supabase-powered auth utilities: sign-up, sign-in, password reset, resend code.
• Clear comments so I can see what each function does.
• A short README describing where each new file lives and how to adjust any Supabase keys or environment variables.

I’m keeping the rest of the stack flexible, so feel free to suggest React, Vue or vanilla patterns if they speed things up—as long as the final code stays readable and easy for me to tweak later.