Skip to content

Instantly share code, notes, and snippets.

@qlawmarq
Last active February 22, 2022 07:43
Show Gist options
  • Save qlawmarq/9e41614179cb9942bd232957415fb820 to your computer and use it in GitHub Desktop.
Save qlawmarq/9e41614179cb9942bd232957415fb820 to your computer and use it in GitHub Desktop.
Coding Test for Frontend dev

Coding Test for Frontend dev

Requirements

We need basic registration web page

  • Use Git for version control, and use any Git repository for sharing code.
  • Use TypeScript.
    • Minimize the use of any type.
  • Use any SPA framework, React or its extension frameworks (such as Next.js) is preferred.
  • Using any CSS framework (such as TailwindCSS) is preferred.
  • The page has several inputs and a registration button.
  • The code for the design should be reusable.
    • e.g. Each input components needs to have the same design, so create a common input component and reuse it.
  • Register the following items on the page, all input is required to submit.
    • First Name
    • Last Name
    • Password
    • Country
    • Email
  • Validate before submitting to show errors such as not entered.
  • The First Name and Last Name should be on one row.
  • The Password should be validated for strength by another library (such as zxcvbn).
    • Also, user should know current password strength.
  • The Email should be validated that it is an email address format.
  • The Country should be selectable from the options provided.
    • The Country list should be fetched from some free API (such as restcountries.com).
  • The format of sending data must be JSON format
    • Use console for checking sending data and result, no need to create actual API. (It would be good to create a mock api, but it's still optional.)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment