Skip to content

Technical test that requests a mobile interface with react native for a banking entity where the search, deletion, creation and editing of financial products (credit cards) is carried out with the following technologies TypeScript, expo, React-Navite, react-dom, Jest, react -test-renderer.

Notifications You must be signed in to change notification settings

ProWilliam/finance-app

Repository files navigation

Finance App

Finance App is a React Native application designed to manage financial products. Provides functions to register, view, edit and delete financial products using expo as an image interpreter.

Table of Contents

Description

This application allows users to manage financial products, including adding new products, viewing details, editing, and deleting them. It is built using React Native and Expo, and follows modern React development practices.

Nota: This application is under development and may contain errors.

Features

  • Add new financial products
  • View detailed information of financial products
  • Edit existing financial products
  • Delete financial products
  • Search for financial products

Installation

Follow these steps to get a local copy up and running.

Prerequisites

  • Node.js (version 14 or higher)
  • Expo CLI

Setup

Clone the repository:

git clone https://github.com/ProWilliam/finance-app.git
cd finance-app

Install the dependencies:

npm install

in the app.config.js file change the path to your local server something like this:

apiUrl: 'http://<Your-Host-Here>:3002/'

Running the App

Start the Expo development server:

npm start

Scan the QR code with the Expo Go app on your mobile device, or run the app on an emulator:

Usage

  • To add a new financial product, navigate to the "Add Product" screen, fill in the required fields, and submit the form.
  • To view the details of a financial product, tap on the product in the list.
  • To edit or delete a product, go to the product's detail page and use the appropriate buttons.

Screenshots

Home Screen Add Product Screen Add Details Screen Add Action Input Date

Example of a Styled Section

  • Add Products: Easily add new financial products to your portfolio.
  • View Details: Access detailed information about each product.
  • Edit Products: Modify existing product information.
  • Delete Products: Remove products that are no longer needed.
  • Search: Quickly find products using the search functionality.

Contributions

Contributions are welcome. Please open a pull request or create an issue for any changes or suggestions.

Contact

For any inquiries or issues, please contact:

About

Technical test that requests a mobile interface with react native for a banking entity where the search, deletion, creation and editing of financial products (credit cards) is carried out with the following technologies TypeScript, expo, React-Navite, react-dom, Jest, react -test-renderer.

Resources

Stars

Watchers

Forks

Packages

No packages published