That was my first React project using Redux and Sass.
The application has two pages in its structure, the first being a login page and the second a digital wallet.
On the login page, you must enter a valid
email and password. The email has to be in the format example@test.com
. The password must have a minimum length of 6 digits.
On the wallet page, there is a form where it is possible to insert data about an expenditure, which will generate columns in the table below with some additional information. In the table, it is also possible to edit or delete expenses. The page has a total balance in BRL which will be increased or decreased based on your expenditure.
Page URL: https://imvictorm.github.io/Trybewallet/
In this project, I was able to:
- Create a Redux store;
- Create reducers;
- Create actions in Redux;
- Create dispatchers in Redux;
- Connect Redux to React components;
- Create asynchronous actions in the React application that uses Redux.
Prototype used as reference: https://www.figma.com/file/ibAEAbS7A6EBprCvXJNhbt/%5BProjeto%5D%5BFrontend%5D-TrybeWallet?node-id=0%3A1.
HTML5 | CSS3 | SCSS | JavaScript | React | Redux | Jest | RTL |
---|---|---|---|---|---|---|---|
|
|
|
|
|
|
|
|
- Clone and enter this repository
git clone git@github.com:ImVictorM/Trybewallet.git && cd Trybewallet
- Install the dependencies
npm install
- Start the project
npm start
Running all tests:
npm test
Running a specific test:
npm test {test_file_name}