Simples Conta Internet Banking

📌 Index

• About
• What's inside the box
• How to play
• To implement
• How you can contribute

---

✨ Preview

• Netlify app

❓ About

• A simple react app that simulates a internet banking application with account statement overview.
• The simples conta internet banking project was made for a developer test with the following requirements:

1. Create Login screen for an Internet Banking
2. Create the Internet Banking Home of the Simple Account (company data, balance, graph of entry and exit)
3. Create company statement and statement detail
4. Allow filtering by transaction type and "Credit" and "Debit" flag
5. Create a screen to show transactions grouped by card, present finalCard and value

📦 What's inside the box?

• ReactJS with Typescript
• Styled Components
• React Icons

👩‍💻 How to play

• Clone the repo with

$ git clone https://github.com/joaopaulo-ld/simples-conta-internet-banking

• Install the dependecies with yarn or npm i
• Run the project with yarn start or npm start
• Start hacking on localhost:3000

👀 To implement

• Improve the main input and output chart
• Implement the shimmer effect on the components that needs to load data from mock files
• Implement cryptography on localStorage items
• Cards page (you can see a "maintenance" message on the page). the problem encountered was the possibility to filter the cards within the mocked data since the transactions are not grouped by company. But soon this feature will be finished.
• Register page. The register functionality is not yet implemented due to the mock data being static.

💪 How you can contribute

• Leave a ⭐ on this repo

• Fork and make a new git branch for the updates

• Make a PR to include all your new features!

💥 Thanks for the attention, let's code 🔥