Currency Exchange Web App Frontend

This project is the frontend for a currency exchange web application, designed to allow users to perform USD to PHP currency exchanges. It provides a user-friendly interface for quoting, executing, and viewing historical exchange orders.

Features

  • Currency Quoting: Users can fetch current exchange rates from USD to PHP.
  • Executing Orders: Functionality to execute currency exchanges based on quoted rates.
  • Order History: Users can view their past currency exchange orders.

Getting Started

These instructions will guide you in setting up and running the project on your local machine for development and testing purposes.

Prerequisites

  • Node.js (version 12 or later)
  • npm (comes with Node.js)
  • Git

Installation

  1. Clone the repository

    git clone [repository URL]
    cd [repository directory]
  2. Install dependencies

    npm install

Running the Application

Execute the following command to start the React app:

npm start

This will run the app in development mode. Open http://localhost:3000 to view it in the browser.

Environment Variables

Create a .env file in the root directory of your project. Add environment-specific variables on new lines in the form of NAME=VALUE. For example:

REACT_APP_API_URL=http://localhost:8000

Building for Production

To build the app for production, run:

npm run build

This builds the app for production to the build folder.

Running Tests

Execute the following command to run tests:

npm test

Screenshots

image

image

License

This project is licensed under the MIT License.