Implement User Login Pipelines and Screens

[DannyThorne01]

Task: Implement User Login Pipelines and Screens

Features: Follow this tutorial for a workflow to implement these pipelines: Supabase Middleware Auth

• User SignUp -> Website Page Shows up Showing the user name -> User Logs Out: You'll be working in frontend/src/pages/sign-up which then routes to frontend/src/pages/login upon successful signup which then routes to frontend/src/pages/landing upon successful login. You should at least be able to console.log that specific user info when you're on the landing page at this point.
  

• User LogIN -> Website Page Shows up Showing the user name -> User Logs Out: Similar to the above
  

• User Forgot Password -> User Resets Password -> User LogIN -> Website Page Shows up Showing the user name -> User Logs Out. Try to follow this Figma pipeline (INCLUDING THE UI): You'll be working in frontend/src/pages/login which then routes to frontend/src/pages/forgot-password (create this file) upon forgot-password functionality which then routes to frontend/src/pages/login upon successful password change which then routes to frontend/src/pages/landing upon successful login
  

FIGMA DESIGNS

Make sure you do these for at least 2 NEW and different users. If you need random emails we can just provide you with some. We deleted all the previous users so you can re-sign up with your emails, and we also recommend doing this as you're testing, flushing the user table of users and then signing up.

Working Directory:

• frontend/src/pages/sign-up
• frontend/src/pages/login
• frontend/src/pages/landing
• frontend/src/pages/forgot-password (Create this file)

Estimated Time: 6hrs