This React-based user login page project features custom input components for username and password, social media login options via Facebook and Google, a password visibility toggle, and a "Remember Me" checkbox. The form includes input validation and submission, with simulated backend interaction. The page is designed responsively, integrating an on-screen keyboard for user input.
This project was developed with the following technologies:
JavaScript
React
If you want to run the project on your local machine, just follow the steps below:
$ git clone https://github.com/gmartins-dev/react-login-form
# Install the dependencies
$ yarn install or npm install or pnpm install (recommended)
# Run FE app
$ yarn run dev or npm run dev or pnpm run dev (recommended)
- Form:
1.1 use masks and validations
1.2 maybe use a third library like: Formik or React Hook Forms
1.3 implement the social login functionality
1.4 implement a recovery password option
- Implement tests:
2.1 unit tests
2.2 integration tests
2.3 end-to-end test
This project is licensed under the MIT license.
-
Portfolio: https://gmartins.dev
-
LinkedIn: https://www.linkedin.com/in/gmartins-dev
-
GitHub: https://github.com/gmartins-dev
-
Email: contact@gmartins.dev