OpenBank Password Manager Wizard

Contents

• Description
• Characteristics of the project
• How to install and use
• Testing all flows

Description

This repository contains a test project which consists in creating a wizard component so that a user:

• Can read product information before purchasing it
• Can set its password with some hints and security requirements
• Can see the final feedback about the status of the operation

Characteristics of the project

This project has the following characteristics:

• Testing done with Jest and react-testing-library
• Styling applied using SCSS, with responsiveness in mind
• Good practices in code applied using airbnb rules for linting and Prettier
• Uses translation with hooks from i18next package
• Loading and error visual feedback to the user using custom hooks during async calls
• Completely customized and reusable <WizardInput /> component

How to install and use

Just clone this git repository and run in the terminal, targetting your cloned folder, the following commands:

> yarn install
> yarn start

Then, you can access the application in http://localhost:3000/.

Testing all flows

The fetch call made to the service is mocked, and it's just a method that returns a status after 3 seconds.

To be able to test the failure scenario, just use pruebaKO123* as the password in the Form screen.