Front-end: Signup / Login Pages

[skassam21]

• create two front-end react routers (login and signup)
• There is no landing page - redirect to signup
• Signup page - name, email, password + confirm password
• Ignore Forget password (we don't need that right now)
• Front-end validation as well:
  • Examples: Password length >= 6, All fields are required, email is properly formatted (if you wrap signup and login in an HTML form, you can leverage some front-end HTML form validation, required and right typing)
  • leverage error, helperText, and snackbars (material-ui) for showing validation errors, https://material-ui.com/components/snackbars/ + https://material-ui.com/components/text-fields/

Stretch Goal: make this page responsive by remove any side images on smaller screens

[changmeng72]

Formik and Yup are used for login/signup

In the first version, there are two route: ' / ' for chat ;' /login' for login or signup normally if user visits / and if he has not logged in , he will be routed to /login directly . If the user has logged in , he can directly visit '/' .