Use this template and your own supabase database for this app.
- Connect Supabase's auth methods to a React form to provide Sign In and Sign Up support
- Use React state and Supabase's auth methods to create protected routes in React router which are only available to authenticated users
This app is solely focused on creating registration. You should have a single route (the "/" root or home page). When the user is not authenticated, the user should see sign in and sign up forms. When the user is authenticated, they should something else...anything else. A meme, a joke, a You Tube video. Your choice. All that's important is that you implement the registration and authentication process.
Use your own Supabase database for this.
The Supabase client code in services has been provided for you. You need to connect this to a React form and state.
- Users can sign up for an account
- Users can sign in to an existing account
- Users can logout of an account
- Unauthenticated users see the option to sign in or sign up
- Authenticated users see something else
| Task | Points |
|---|---|
| Sign up / sign in page | 3 |
| Routes properly check for authenticated user | 3 |
| Authenticated users can log out | 2 |
| Authenticated users see something else | 2 |